颜色值转换(HEX / RGB / HSL)
HEX、RGB、HSL 颜色值互相转换,带取色器和对比度检查。
本地处理,不上传免费无需安装
示例文字 Aa
明暗色阶
点击色块可切换到该颜色。
使用方法
- 在输入框输入任意格式的颜色,如 #1e9e6a、rgb(30,158,106) 或 red;也可以用取色器选色。
- 下方会同时显示 HEX、RGB、HSL、HSV、CMYK 等格式。
- 点击「复制」拿到 CSS 写法。
常见问题
- 支持哪些输入格式?
- 支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA,rgb()/rgba(),hsl()/hsla(),以及 CSS 颜色英文名(如 red、tomato)。逗号或空格分隔都可以,不带 # 的 6 位十六进制也能识别。
- 转换后数值为什么有一点偏差?
- HSL 和 RGB 之间换算时要取整,来回转换可能差 1。HEX 和 RGB 之间是精确对应的。
- 对比度是怎么算的?
- 按 WCAG 2.x 公式计算颜色与白色、黑色的对比度。正文文字建议至少 4.5:1(AA),大号文字至少 3:1。
- CMYK 数值能直接用于印刷吗?
- 不建议。这里的 CMYK 是不考虑色彩配置文件的简单公式换算,只供参考,正式印刷请以设计软件中的色彩管理结果为准。
更多开发者工具
JSON 格式化美化、压缩、校验 JSON,出错时提示行号。本地处理Base64 编码解码文本与 Base64 互转,支持中文和 URL 安全格式;文件可转 Base64 / data URL。本地处理URL 编码解码URL 编码解码,支持中文;把查询参数解析成表格。本地处理时间戳转换时间戳与日期互转,自动识别秒和毫秒,实时显示当前时间戳。本地处理正则表达式测试实时高亮匹配,查看分组和替换结果,内置常用正则。本地处理UUID 生成器批量生成 UUID v4,可选大写、去连字符,一键复制。本地处理