我挑的颜色会发到服务器吗？

不会。HEX 到 RGB、RGB 到 HSL 的换算完全在浏览器里进行。不发起任何网络请求，你的选择也不会被记录下来。

这个工具接受和输出哪些颜色格式？

输入是 6 位的十六进制色值（#RRGGBB），可以手动输入，也可以用浏览器原生取色器挑。输出同时给出三种写法：HEX、rgb(r, g, b) 和 hsl(h, s%, l%)。

什么时候该用 HSL 而不是 RGB？

HSL 把色相、饱和度、明度分开，因此很容易推导出相关的颜色——色相不动、只调明度就得到悬停态，改一下色相就拿到强调色。RGB 则把这三者混在通道值里。

颜色选择器 — HEX、RGB、HSL

概述

开发中总要在几种颜色写法之间来回换算：设计稿交付的是 HEX，CSS 越来越偏向 HSL，而 canvas 或图像处理的代码用的是 RGB。这个工具拿到一个颜色——用取色器挑的，或者以十六进制输入的——把三种写法并排显示出来，旁边配一块实时预览色块，让你在设计工具和样式表之间来回时不必再动计算器，也不必去记换算公式。

使用方法

点 Pick color 色块，打开浏览器原生的取色器；或者在文本框里输入像 #0060c0 这样的十六进制色值。
读同步更新的 HEX、RGB 和 HSL 三个值，颜色本身显示在 Preview 色块里。
如果输入的文本不是合法的 6 位色值，界面会一直显示 Enter a valid #RRGGBB hex color，直到改对为止。

示例

#0060c0 → rgb(0, 96, 192) / hsl(210, 100%, 38%)
#ffffff → rgb(255, 255, 255) / hsl(0, 0%, 100%)

说明

只解析 6 位的 #RRGGBB 形式——简写（#fff）和带 alpha 的 8 位值（#RRGGBBAA）都不接受。HSL 的数值会取整到整数，跟 CSS 里通常的写法保持一致。需要从一个基色推导出悬停态或者强调色时，读 HSL 那一行通常比在 RGB 的三个通道上反复试更省事。