颜色转换器

选取任意颜色，即时在 HEX、RGB、HSL 格式之间互转。查看互补色与明暗变体，一键复制色值。

#7c83fd

点击打开取色器

互补色 & 明暗变体

互补色

深色

预设颜色

十六进制（HEX）

RGB

红 (0–255)

绿 (0–255)

蓝 (0–255)

R 124

G 131

B 253

HSL

色相 (0–360)

饱和度 (0–100%)

亮度 (0–100%)

已加载颜色：#7c83fd

关于颜色转换器

此工具可让你通过可视化方式选取颜色，或直接输入 HEX、RGB、HSL 格式的色值，并即时完成三种格式之间的互转。同时还会显示所选颜色的互补色和明暗变体。

HEX 颜色以 # 开头，后跟 6 位十六进制数字（例如 #7c83fd）。前两位表示红色通道，中间两位表示绿色通道，最后两位表示蓝色通道。HEX 格式广泛用于网页开发（HTML、CSS）。

RGB 即红（Red）、绿（Green）、蓝（Blue）。每个通道的取值范围为 0 到 255，例如 rgb(124, 131, 253)。RGB 是加色模式——三个通道均为最大值（255,255,255）时得到白色。

HSL 即色相（Hue）、饱和度（Saturation）、亮度（Lightness）。色相为色轮上的角度（0–360°），饱和度为百分比（0% 为灰色，100% 为纯色），亮度也为百分比（0% 为黑色，100% 为白色）。HSL 通常比 RGB 更符合人类对颜色的直觉认知。

互补色是色轮上与当前颜色正对面的颜色——色相值相差 180°。互补色之间形成强烈对比，在设计中广泛用于突出元素。