← 返回工具箱
🎨 配色工具

颜色选择与转换

互补色 (Complementary)

类似色 (Analogous)

三角色 (Triadic)

分裂互补色 (Split-Complementary)

📖 色彩理论基础

色彩模型

计算机中常用三种色彩模型来表示颜色:

模型组成说明
HEX#RRGGBB十六进制表示,网页设计最常用
RGBR(0-255), G(0-255), B(0-255)红绿蓝三原色混合
HSLH(0-360), S(0-100%), L(0-100%)色相、饱和度、亮度,更直观

色轮与配色方案

色轮(Color Wheel)是将可见光谱首尾相接排列成的圆环,是配色理论的基础工具。

配色方案原理效果
互补色色轮上相隔180度的两种颜色对比强烈,视觉冲击力强
类似色色轮上相邻30度内的颜色和谐统一,视觉舒适
三角色色轮上等距120度的三种颜色丰富多彩,平衡感强
分裂互补互补色两侧各偏30度的颜色比互补色柔和,保留对比感

HSL色彩空间

H (Hue) 色相:0°=红 60°=黄 120°=绿 180°=青 240°=蓝 300°=品红
S (Saturation) 饱和度:0%=灰色 100%=纯色
L (Lightness) 亮度:0%=黑色 50%=纯色 100%=白色

配色实践建议

💡 小贴士:点击任何色块可以将该颜色设为主色进行进一步配色分析。HSL模型在调色时更直观——只需调整H值即可在色轮上移动,调整S值改变鲜艳程度,调整L值改变明暗。