HEX · RGB · HSL · HSV · CMYK
RGB–HEX 颜色转换器与对比度检查
转换 HEX、RGB、HSL、HSV 和 CMYK，调整透明度，检查 WCAG 对比度，生成配色并复制可直接使用的 CSS。
HEX · RGB · HSL · HSV · CMYK · WCAG
RGB–HEX 颜色工作室与对比度检查
转换 HEX、RGB、HSL、HSV 和 CMYK，调整透明度，检查 WCAG 对比度，生成配色并复制可直接使用的 CSS。
当前颜色
#FF6347
最接近的常用 CSS 颜色: tomato
RGBA 通道
颜色模型
HSL
HSV
CMYK
颜色格式
实时界面预览
浅色
按钮预览
这段文字用于展示所选颜色的可读性。
深色
按钮预览
这段文字用于展示所选颜色的可读性。
无障碍与对比度
2.95:1
最佳文字颜色: #000000
这段文字用于展示所选颜色的可读性。
色彩和谐
最近使用的颜色
颜色详情
相对亮度0.00
感知亮度0%
最接近的常用 CSS 颜色tomato
屏幕与印刷颜色可能不同；本工具按 sRGB 计算。
RGB 数值如何转换为 HEX？
把 0–255 的红、绿、蓝三个通道分别转换为两位十六进制数，再组合成 #RRGGBB。
透明通道有什么作用？
透明通道控制从完全透明到完全不透明的程度；八位 HEX 的最后两位用于保存它。
发布前检查无障碍
WCAG 结果同时使用文字标记。AA 级普通文本需要 4.5:1，大号文本需要 3:1。
公式
HEX = #RR GG BB [AA]q = ⌊x ÷ 16⌋ · r = x − 16q255 = 16 × 15 + 15 → FF对比度 = (Lₘₐₓ + 0.05) ÷ (Lₘᵢₙ + 0.05)RGB–HEX 转换常见问题
RGB 数值如何转换为 HEX？
把 0–255 的红、绿、蓝三个通道分别转换为两位十六进制数，再组合成 #RRGGBB。
透明通道有什么作用？
透明通道控制从完全透明到完全不透明的程度；八位 HEX 的最后两位用于保存它。
如何创建易于访问的调色板？
检查文字与背景的对比度，不要只依赖颜色，并测试交互状态。
为什么印刷颜色可能与屏幕不同？
屏幕发出 RGB 光，而打印机混合油墨；纸张、色彩配置文件和校准都会影响最终颜色。
单位转换器目录
需要另一个单位转换器吗？
浏览完整的单位转换器集合，涵盖长度、重量、温度、体积、面积、能量、压力、速度、力、扭矩、电气单位、数据存储、燃料消耗、服装尺码和鞋码。
宠物、数字与网站工具目录
需要另一个宠物或数字工具吗？
浏览宠物、数字及网站工具收藏，涵盖狗龄、猫龄、狗粮、猫粮、宠物剂量估算、色彩调色板、数据存储、像素密度及RGBHEX转换。