功能说明

取色器与颜色转换器让你任选一种颜色，并立即以五种格式并列查看——HEX、RGB、HSL、HSV 和 CMYK——旁边还有实时预览。在任意一种格式里编辑数值，其他所有格式都会从同一个数据源同步更新，因此各个数值永远不会互相脱节。它还会读出最接近的 CSS 命名颜色，告诉你黑色或白色文字在它上面是否保持可读（WCAG AA/AAA），并记住你最近用过的颜色。你可以用原生色板选色、输入十六进制代码、拖动 HSL 滑块、随机取色，或者在 Chromium 浏览器里用吸管直接从屏幕上取色。所有功能 100% 在客户端运行：你选取的颜色永远不会离开你的浏览器。

使用方法

选一个起始颜色：原生色板、HEX 输入框、屏幕吸管（仅 Chromium）、HSL 滑块，或随机。
观察实时预览色块（附带最接近的命名颜色）和五张格式卡片一起更新。
要从另一个色彩空间换算，直接编辑 R/G/B、H/S/L、H/S/V 或 C/M/Y/K 输入框——输入数字后按 Tab（或回车）提交。
查看文字可读性，确认黑色或白色文字在这种颜色上是否通过 WCAG AA/AAA，以及精确的对比度比值。
点击任意最近使用色块，即可跳回你刚用过的颜色。
点击任意卡片上的复制，复制该格式的字符串（#3B82F6、rgb(59, 130, 246)、……），或点击复制分享链接把精确的颜色发给他人。

示例

蓝色主色 → 每种格式

选取 #3b82f6：

HEX:   #3B82F6
RGB:   rgb(59, 130, 246)
HSL:   hsl(217, 91%, 60%)
HSV:   hsv(217, 76%, 96%)
CMYK:  cmyk(76%, 47%, 0%, 4%)
Name:  royal blue
Text:  #000000 (5.71:1 - AA pass)

把 HSL 换算成十六进制

输入 H 0, S 0%, L 50% → 一个中性灰：

HEX: #808080
RGB: rgb(128, 128, 128)

分享一种颜色

选取颜色后，URL 会变成 …/tools/color-picker?c=3b82f6——在任何地方打开它，都会落在完全相同的颜色上。

补充说明

单一数据源： 每次编辑都汇入同一个规范化的 RGB，因此 HEX/RGB/HSL/HSV/CMYK 永远保持一致。HSL、HSV 和 CMYK 是有损表示，所以你输入的数值可能显示为四舍五入到最接近的整数——这是预期行为，不是缺陷。
命名颜色是近似的： “最接近的命名颜色”是与一组精选的知名 CSS 名称匹配的结果，不常见的色调可能会吸附到相邻的名称上。
吸管： 屏幕按钮使用浏览器的 EyeDropper API，仅在 Chromium 系浏览器（Chrome、Edge、Arc）中可用。不支持的地方会隐藏该按钮。
可分享： 你的颜色编码在 URL（?c=…）中，最近使用的颜色存储在本地浏览器里——不会发送到服务器。
私密： 所有换算均在本地完成。
相关工具： Palette Generator、Color Contrast Checker、CSS Animation Playground。