颜色代码转换
使用可视化颜色选择器和对比度检查器转换RGB·HEX·HSL·HSV·CMYK
颜色选择器
预览
颜色格式
调色板
对比度检查
示例文本
这是用于可读性测试的较小示例文本。
关于本工具
颜色代码转换工具是一款面向设计师与开发者的免费工具，可在 RGB、HEX、HSL、HSV、CMYK 等色彩表示形式间互转。你可以用取色器直观选色，自动生成补色、近似色等配色方案，并检查文字色与背景色的 WCAG 对比度。适用于网站与应用设计、品牌色管理以及无障碍检查。
使用方法
- 1 用取色器选色，或直接输入 HEX 值。
- 2 RGB、HSL、HSV、CMYK 等各格式的数值会同时显示。
- 3 查看自动生成的配色方案中的补色与近似色。
- 4 用对比度检查器验证文字色与背景色的可读性。
原理说明
RGB 用 0～255 混合红、绿、蓝光来形成颜色，是屏幕显示的基础。HEX 是把该 RGB 以每通道两位十六进制并列书写，#FF8800 表示红 255、绿 136、蓝 0。HSL 用色相（Hue 0～360 度）、饱和度（Saturation）、亮度（Lightness）描述颜色，更贴近人的感觉，便于微调。HSV 用明度（Value）代替亮度。CMYK 用青、品红、黄、黑的墨量表示，面向印刷。对比度是两种颜色相对亮度之比，WCAG 推荐普通文字 AA 级不低于 4.5:1，AAA 级不低于 7:1。
常见问题
HEX 与 RGB 有何区别？
二者承载的颜色信息相同。RGB 用 0～255 的十进制表示红绿蓝，HEX 则把它们各写成两位十六进制。#FF0000 与 rgb(255,0,0) 是同一种红色。
WCAG 的 AA 对比度是什么？
一项可读性标准。普通字号文字 AA 级要求与背景对比度不低于 4.5:1，大号文字可放宽到 3:1。
使用 HSL 有什么好处？
可在保持色相不变的前提下只改变饱和度或亮度，便于直观地制作同色系变体与悬停时的深浅效果。
为什么 CMYK 与 RGB 的颜色会有偏差？
RGB 是光的加色混合，CMYK 是墨的减色混合，表现范围不同。屏幕上鲜艳的颜色在印刷时可能变暗淡。
什么是补色与近似色？
补色位于色环对侧，对比强烈；近似色为相邻色，配色更协调。本工具会自动计算二者。
相关工具与用途
想深入理解 HEX 的原理可使用进制转换。设计尺寸计算可用长度单位换算，网页实现时还可配合 px、rem、em 的换算。