颜色转换器

What

颜色转换器定义

颜色转换器可在 HEX、RGB、HSL 等格式间转换。

Cases

常见使用场景

1

将设计规格转换为 CSS 值

2

在工具之间匹配颜色

3

快速对比不同格式

How To

如何转换颜色值

在 HEX/RGB/HSL/CMYK 之间转换的分步指南。

1

输入颜色

输入任意一种格式的颜色值。

2

查看转换

查看自动计算出的其他格式。

3

复制使用

复制所需格式用于代码/设计。

Knowledge

了解色彩理论

什么是 RGB？

RGB 是一种加色模型，通过混合红（Red）、绿（Green）、蓝（Blue）三种光来创建颜色。每个通道的取值范围是 0-255，用于显示器、电视、智能手机等数字屏幕。(0,0,0) 是黑色，(255,255,255) 是白色。

什么是 HEX？

HEX 是 RGB 值的十六进制表示法，写作 #RRGGBB 格式。它是网页 CSS 中指定颜色最常用的格式。例如 #FF0000 是红色，#00FF00 是绿色，#0000FF 是蓝色。也支持 3 位简写形式（#RGB）。

什么是 HSL？

HSL 使用色相（Hue）、饱和度（Saturation）和亮度（Lightness）来表示颜色。色相是色轮上的角度（0-360°），饱和度和亮度是百分比（0-100%）。它更接近人类对颜色的感知方式，调整颜色更加直观。

什么是 CMYK？

CMYK 是一种减色模型，使用青色（Cyan）、品红（Magenta）、黄色（Yellow）和黑色（Key/Black）。它用于印刷行业，通过叠加油墨来产生颜色。与屏幕用的 RGB 不同，颜色由油墨混合决定，因此印刷前必须转换为 CMYK。

RGB 与 CMYK 的区别

RGB 是加色混合（光线叠加变亮）用于屏幕；CMYK 是减色混合（油墨叠加变暗）用于印刷。RGB 色域更广，某些鲜艳的颜色在 CMYK 中无法准确再现。准备印刷数字作品时，请务必预览色彩偏移。

色彩对比度与无障碍设计

网页无障碍指南（WCAG）建议文本与背景之间保持足够的对比度。AA 标准要求普通文本至少 4.5:1，大文本至少 3:1。浅色背景使用深色文字，深色背景使用浅色文字，以确保可读性。

FAQ