什么是取色器(颜色选择器)?
取色器可以将屏幕上的颜色读取为HEX、RGB、HSL、CMYK等颜色代码，也可以反过来通过这些数值创建颜色。常用于在CSS中指定颜色、还原设计稿的配色等场景。本工具完全在浏览器内运行，你处理的颜色和图片不会被发送到服务器。
主要使用方法
通过HEX或RGB数值创建颜色
例如在HEX栏输入4262FF，会自动转换为RGB(66, 98, 255)、HSL(231°, 100%, 63%)、CMYK(74%, 62%, 0%, 0%)。修改RGB、HSL、CMYK中任意一项的数值或滑块，其余格式都会实时联动更新。
用色块直观选色
点击左上角的色块即可打开系统自带的颜色选择器，用鼠标直接选色，无需输入数值。
从图片中取色
在「图片取色」区域上传图片后，将鼠标悬停在图片上即可实时预览该位置的颜色，点击即可应用。适合从Logo或设计稿中提取准确的配色。
HEX、RGB、HSL、CMYK有什么区别
HEX(十六进制颜色码)
以#RRGGBB的形式，用两位十六进制数分别表示红、绿、蓝三个分量。是CSS和HTML中最常用的格式。
RGB(红绿蓝)
用0~255的数值分别指定红、绿、蓝，对应屏幕发光的原理，在数字场景下比较直观。
HSL(色相・饱和度・明度)
色相(Hue) 0~360°、饱和度(Saturation) 0~100%、明度(Lightness) 0~100%。适合保持同一色相只调整明暗的场景。
CMYK(印刷油墨)
以百分比表示青、品红、黄、黑四种油墨的用量，用于印刷。由RGB换算得到的CMYK仅供参考，实际印刷效果会因油墨和纸张而异。
本工具的特点
- HEX、RGB、HSL、CMYK始终实时双向转换，修改任意一种格式其余会立即更新
- 选中的颜色会实时铺满整个页面背景，方便直观确认效果
- 一键复制可直接使用的 color: / background-color: CSS代码
- 上传图片后可用取色器提取任意像素的颜色
- 保存颜色以便一键调用，还能通过 ?hex= 的URL直接分享带颜色的页面
常见问题
应该用HEX还是RGB?
在CSS或HTML中指定颜色时，HEX写法最简洁。如果需要在JavaScript中做数值计算，或想用rgba()指定透明度，RGB会更方便。在本工具中修改任意一个，另一个都会自动同步更新。
什么时候需要用到CMYK?
CMYK用于印刷场景。如果你在设计名片、海报等需要印刷的物料，印刷厂可能会要求提供CMYK数值而不是屏幕上使用的RGB。请注意，由RGB换算出的CMYK仅为参考值，实际印刷效果会因油墨和纸张而有所不同。
可以设置透明度(alpha)吗?
不可以。本工具只支持不透明颜色，不支持rgba()、hsla()这类alpha值。如果需要透明度，请在获取的RGB/HSL数值基础上自行追加alpha值。
从图片取色的精度如何?
上传的图片会在浏览器内缩放到最大560px后直接读取像素值。图片压缩产生的噪点(如JPEG伪影)可能导致取到的颜色与原图略有差异，如需精确取色建议放大查看或对比周围像素。