颜色转换器
颜色转换器
在 HEX、RGB 和 HSL 之间转换颜色，并生成互补色、相似色和三元色调色板
颜色格式
HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
RGB 数值
R: 99 G: 102 B: 241
颜色调色板
互补色
相似色
三元色
常见问题
常见问题
关于颜色转换的常见问题
RGB 和 HSL 有什么区别？
RGB（红、绿、蓝）通过三个光通道（各 0-255）定义颜色。HSL（色调、饱和度、亮度）是更直观的模型，通过色调（0-360°）、饱和度（0-100%）和亮度（0-100%）描述颜色，设计师更常用 HSL，因为它更易于调整。
互补色是如何工作的？
互补色位于色轮上相差 180° 的位置，互补色之间对比最强，常用于吸引注意力。例如，蓝色的互补色是橙色，红色的是青色，绿色的是洋红色。
我可以在 CSS 中使用 HEX 格式吗？
是的，HEX 格式是 CSS 和网页设计中最常用的格式。6 位格式（#RRGGBB）所有浏览器都支持。当每对数字相同时，也可以使用 3 位简写形式（#RGB）。转换器还显示 RGB 和 HSL 格式，均可在 CSS 中使用。