取色器与颜色转换
选择颜色、粘贴色值或点击图片，即可得到各种格式的颜色值、搭配的配色方案和文字对比度检查。
- 选择颜色、输入色值或打开图片
- 查看 HEX、RGB、HSL、HSV 和 CMYK
- 复制色值和配色或检查对比度
正在加载工具…
文件始终保留在您的设备上
颜色格式说明
- HEX：网页设计和 CSS 常用的六位代码（#14183d）。
- RGB：屏幕显示用的红、绿、蓝数值，范围 0–255。
- HSL 和 HSV：色相、饱和度与亮度（或明度），便于手动调整。
- CMYK：印刷使用的青、品红、黄、黑百分比。
搭配配色方案
- 互补色位于色轮两端，对比强烈。
- 类似色彼此相邻，感觉平和协调。
- 三分色等距分布，效果均衡而活泼。
- 点击任一色块即可设为当前颜色并复制其代码。
易读的文字（WCAG）
选择文字色和背景色，工具会计算对比度。正文建议至少 4.5:1，大标题至少 3:1（AA 级）；达到 7:1 即符合更严格的 AAA 级。
常见问题
可以输入哪些颜色代码？
HEX（#1e90ff 或 1e90ff）、rgb()、hsl()、hsv()、cmyk()，以及 navy、tomato 等 CSS 颜色名称。
如何从照片或标志中取色？
在“从图片取色”区域打开图片，点击任意位置即可。图片始终留在您的设备上。
CMYK 值可直接用于印刷吗？
这是标准的数学换算。实际印刷颜色取决于打印机色彩配置，重要作品请与印刷厂确认。
什么是对比度？
衡量文字在背景上的可读性。WCAG 要求普通文字至少 4.5:1，大号文字至少 3:1（AA 级）。
配色方案是怎么生成的？
在色轮上旋转色相：互补色（180°）、类似色（±30°）和三分色（120°），另加深浅色阶。
能从屏幕任意位置取色吗？
可以。在支持的浏览器（如电脑上的 Chrome 和 Edge）中会显示“从屏幕取色”按钮。