在线取色器 · 颜色代码转换
选择颜色或粘贴颜色代码，所有格式会立即同步转换。
输入的文字和文件不会发送到服务器，只在本浏览器中处理。
#0F766E
颜色代码
变浅（混入白色）
变深（混入黑色）
点击色块即可切换为该颜色，数字表示混合比例（%）。
CSS 变量
使用方法
- 点击色块选择颜色，或在下方 HEX、RGB 等输入框中粘贴颜色代码。
- 修改任意一个输入框，其他格式都会同步变化。不写“rgb(”，只输入三个数字也可以。
- 在“变浅”“变深”两行中可以挑选相近的颜色，点击后它会成为新的基准色。
- 在“CSS 变量”中设置变量名后复制，粘贴到样式表即可。网址中会带上当前颜色，可直接分享给别人。
常见问题
HEX 和 RGB 有什么区别？
它们表示的是同一种颜色，只是写法不同。HEX 把红、绿、蓝三个 0~255 的数值各写成两位十六进制并连在一起，RGB 则直接用十进制表示。
按这里的 CMYK 值印刷，颜色会和屏幕一样吗？
这里的 CMYK 是由屏幕颜色简单换算出的参考值。实际印刷效果取决于纸张、油墨和印刷厂的色彩配置文件，请以印刷厂提供的标准为准。
OKLCH 是什么？
OKLCH 用人眼感知的亮度（L）、彩度（C）和色相（H）来描述颜色。新版 CSS 可以直接使用 oklch()，只调整亮度时色调也不容易跑偏。
为什么看不到“屏幕取色”按钮？
该按钮只在支持 EyeDropper 功能的电脑浏览器（如 Chrome、Edge）中显示。其他浏览器可以使用“图片取色”工具从图片中提取颜色。