使用 色轮 可以做什么
在开始之前查看主要功能。
- 探索互补色与邻近色配色方案
- 查找三角色、四角色和方形配色方案
- 复制每种匹配颜色的十六进制代码
- 实时微调饱和度与明度
- 为设计配色方案选择基础颜色
设置参考
5 个设置
色轮 的可用控件。
选项
- 基础色(色相与饱和度)取色器
- 在交互式色轮上任意拖动,即可选择起始颜色:角度决定色相,与圆心的距离决定饱和度。
- HEX / CSS 颜色文字输入
- 输入或粘贴任意 HEX 色值、rgb()、hsl() 或 CSS 颜色名称,色轮会直接跳到你已有的那个精确颜色。
- 饱和度滑块范围: 0–100% · 默认: 91%
- 调整基础颜色的鲜艳程度,0% 为完全灰色,100% 为该色相最纯粹、最浓烈的状态。
- 明度滑块范围: 0–100% · 默认: 60%
- 控制基础颜色的明暗:0% 为黑色,中间为纯色相,100% 为白色;所有配色方案都会随之更新。
- 配色和谐预设
- 选择要在色轮上突出显示的经典配色关系,并为其搭配色标出标记,让你直观看到配色方案的构成。选项: 互补色分裂互补色邻近色三角色四色(矩形)配色正方形
免费使用 · 无需注册 · 无水印上传过程全程加密传输已根据我们的数据保留政策移除
常见问题
色轮 如何助您完成任务
它每天为企业、创作者和日常任务解决实际问题。找到适合您的用例并开始。
教育经历
学习色彩理论
从你选择的基础色实时计算出各种经典配色方案,并用简单易懂的语言解释每种方案适合什么场合、为什么有效。
面向创作者
选择网站的强调色
在色轮中输入你的品牌十六进制色值,使用分裂互补色或三角对比色方案,找到既有对比又不冲突的点缀色。
面向创作者
在真实界面中预览配色方案
每种配色方案都会应用到一张小样卡上——包括标题、正文、按钮和圆点——让你在实际场景中判断配色效果,而不只是孤立的色块。
面向创作者
艺术与插画配色方案
自然、宁静的场景适合使用类似色搭配,戏剧性的视觉焦点则适合使用互补色,将精确的十六进制色值复制到你的绘画软件中即可使用。
观看每一个转变土地
每张照片都原封不动地穿过斜线,并在另一边完成。


























