粘贴 HEX、RGB 或 HSL 色值,即时预览颜色并互转格式。
#e63946rgb(230, 57, 70)hsl(355, 78%, 56%)Paste a HEX, RGB or HSL value to preview the exact color and convert between formats。粘贴 HEX、RGB 或 HSL 色值,立即渲染出对应颜色,无需任何图片。核对从 CSS、设计规范或品牌手册里复制的色值,确认它到底是什么颜色。实时色卡 + HEX/RGB/HSL 三格式同步展示,逐项一键复制。
所有处理均在浏览器本地完成,您的图片绝不会上传到任何服务器。
颜色值速查把文字形式的色值变成你真正看得见的颜色。粘贴任意 HEX、RGB 或 HSL 色值——无论来自 CSS、设计规范、品牌手册还是聊天记录——工具会立即渲染出对应颜色，并同步给出另外两种格式的等价值。
在输入框中键入或粘贴色值。解析器会自动识别格式：带或不带 # 的 HEX（3/4/6/8 位）、逗号/空格/斜杠分隔的 rgb()/rgba()，以及支持 deg/rad/turn 色调单位的 hsl()/hsla()。结果随每次按键实时更新，无需点击任何按钮。
预览区展示解析结果的大色卡，以及 HEX、RGB、HSL 三行数值。每行都有独立复制按钮，「全部复制」可一次性把三个值写入剪贴板。
设计交付中的记法常常混用：品牌手册写 HEX，开发在 CSS 里写 rgb()，动效工具又导出 HSL。把每个值粘贴到这里，确认它们解析为同一颜色，避免色差流进生产环境。
调试「颜色不太对」的 UI 时，把 DevTools 里可疑的色值粘贴进来，与设计稿对比色卡，快速判断问题出在色值本身还是上层样式。
带或不带 # 的 HEX(3/4/6/8 位)、逗号/空格/斜杠分隔的 rgb()/rgba(),以及支持 deg/rad/turn 的 hsl()/hsla()。
准确。采用标准 sRGB 公式换算,由浏览器直接绘制,除显示格式外无额外取整。
输入HEX、RGB、HSL或HSV,即时转换为所有其他格式并显示实时预览。
显示黑白背景对比度,带WCAG AA/AAA通过/失败指标。
目前一次一个,批量颜色操作请使用调色板减色工具。
是的,完全免费,无需注册、无水印、无每日限制。所有处理在浏览器本地运行。
不需要。解析器自动识别 HEX、RGB(A)、HSL(A) 语法，并一次完成三种格式互转。
支持。最后两位视为透明度（alpha），同时体现在转换结果与百分比展示中。