点击取色器选择任意颜色，实时得到 HEX、RGB、HSL 三种格式与 CSS 变量示例，全部在浏览器本地计算。
| HEX | #2563d9 |
| RGB | rgb(37, 99, 217) |
| HSL | hsl(219, 71%, 50%) |
| CSS变量示例 | --main-color: #2563d9; |
CSS书写用HEX（#3b82f6最紧凑）；需要透明度与动态计算用RGB/RGBA；按人类直觉调色用HSL（色相/饱和度/明度三轴，"把这个蓝调暗一点"只改L值）。三格式实时互转并附CSS变量示例，转换在浏览器本地完成。
常见三个原因：屏幕色彩配置文件差异（sRGB与P3色域）、设计稿标注的是CMYK印刷色转RGB有偏差、截图经过压缩偏色。以设计稿标注的色值为准手动输入核对，重要品牌色用HEX值而非肉眼取色。