取色器
拖动选色或粘贴色码，实时获取 HEX、RGB、HSL 与深浅色阶。
什么是取色器？
取色器是设计与前端开发的日常工具：用色盘可视化选一个颜色，或直接粘贴一个色码，它同时给出 HEX、RGB、HSL 三种格式的值，一键复制即可用于 CSS、设计软件或色板。页面下方还会自动生成当前颜色的深浅色阶——从近白到近黑共十档，点击任意一档即复制，配一套同色系按钮或图表状态色特别快。
所有换算实时双向进行：改色盘、改 HEX、改 RGB、改 HSL 都会即时同步，不用担心格式换算出错。
使用步骤
1. 点击色块在色盘上选色，或直接在 HEX、RGB 输入框粘贴色码。
2. 三种格式的色值即时同步，点击对应按钮复制。
3. 在深浅色阶里点击任意一档，复制同色系的其他明度。
三种格式怎么选
HEX 最通用，CSS 和设计工具都认；RGB 直观体现三通道数值，适合程序化调色；HSL 用色相、饱和度、明度描述颜色，最符合人的直觉——想让按钮 hover 时深一档、浅一档，固定色相只调明度就行，下面的深浅色阶就是这个原理。三者完全等价，用哪个只看场景。
常见问题
支持缩写 HEX 吗？
支持。输入 #abc 这样的三位缩写会自动按 #aabbcc 展开。
色阶是怎么生成的？
固定当前色相和饱和度，明度从 95% 到 5% 每隔 10% 取一档，保证同一色系下和谐过渡。
可以随机找灵感吗？
可以，点击「随机」按钮，每次换一个随机颜色，三格式与色阶同步更新。
隐私说明
选色是纯本地计算：所有换算在你的浏览器内完成，没有上传、没有记录。工作中的品牌色规范、未发布的设计稿配色，都可以放心在这里试。