Elysia Tools
导航
Design
查找互补色并创建和谐的颜色方案，支持三元色、四色和类似色关系
执行
填写表单、运行工具，并在同一页面查看结果。
等待运行
案例
相关内容
工具使用指南
互补色工具是一款基于色彩理论的在线配色助手。您只需输入一个基础颜色，即可快速生成互补色、三元色、四色、类似色等多种和谐的配色方案，并支持查看HEX、RGB、HSL等颜色值，是设计师和开发者的实用色彩工具。
背景
设计师小李正在为一家新的精品咖啡馆设计品牌视觉，品牌主色定为深棕色（#6F4E37）。
问题
需要找到与深棕色搭配和谐的辅助色和点缀色，用于菜单、包装和店内装饰。
如何使用
在工具中输入基础颜色 #6F4E37，选择“类似色”配色方案类型。
baseColor: #6F4E37, schemeType: analogous结果
工具生成了一组以深棕色为核心的类似色方案，包括浅棕色和米色，这些颜色自然和谐，非常适合营造温暖、舒适的咖啡馆氛围。
背景
设计师小王正在设计一个电商网站的“立即购买”按钮，希望按钮在页面上足够醒目。
问题
网站主色调是蓝色（#3B82F6），需要为按钮找到一个对比强烈且和谐的颜色以吸引点击。
如何使用
在工具中输入网站主色 #3B82F6，选择“互补色”配色方案类型。
baseColor: #3B82F6, schemeType: complementary结果
工具计算出蓝色的互补色是橙色（#F6A53B）。使用橙色作为按钮背景色，与蓝色背景形成鲜明对比，能有效引导用户视线，提升点击率。
支持互补色、三元色、四色、类似色、分裂互补色和单色系六种经典配色方案。
不需要，这是一个完全免费的在线工具。
您可以直接复制页面上显示的颜色代码（如HEX、RGB值）到您的设计软件中使用。
支持显示HEX代码、RGB值和HSL值，您可以根据需要勾选显示。
互补色对比强烈，适合需要突出重点；三元色和四色方案色彩丰富平衡；类似色和谐统一；单色系则简洁专业。您可以根据设计目标尝试不同方案。