颜色格式转换
HEX / RGB / HSL / HSV / CMYK 互转,能上传图片吸取颜色
这个工具做什么
这个页面提供颜色格式转换:HEX / RGB / HSL / HSV / CMYK 互转,能上传图片吸取颜色。整个处理过程在你的浏览器内完成,文件不会被上传到任何服务器,因此无需注册、也没有次数与体积限制,断网状态下同样可用。
怎么用
- 在输入框填任意一种颜色格式,HEX / RGB / HSL 都认
- 下面会同时给出 HEX、RGB、HSL、HSV、CMYK 和 CSS 变量写法
- 点任意一行可以复制,点明度梯度上的色块能直接换色
- 要取图上的颜色就上传图片,点图片上的位置
适用场景
- 设计稿给的是 RGB,写代码要 HEX
- 想把品牌色调亮一点,用 HSL 直接改 L 值
- 从截图上取一个准确的色值
- 生成同一色相的深浅梯度做图表配色
常见问题
rgb 怎么转成 hex?
把 rgb(79,70,229) 直接粘进输入框,下面立刻给出 #4F46E5,点一下就能复制。
取色时点在图片上没反应怎么办?
先确认图片已经加载出来(能看到画面),再点要取的位置。点之前别用滚轮缩放页面,否则坐标会偏。
为什么同一个颜色在印刷品上偏暗?
屏幕是发光色(RGB),纸张是反射色(CMYK),色域不同。鲜艳的蓝和绿印出来普遍偏暗,深色尤其明显。
哪种颜色格式最通用?
HEX 用于网页和设计稿,RGB 用于屏幕显示,HSL 调明暗最直观,CMYK 只在印刷场景用。日常写 CSS 用 HEX 或 HSL 都行。
从图片取色准吗?
取的是点击位置那一个像素的真实值,不涉及任何算法推测。图片有缩放时按比例换算回原图像素。
CMYK 的值能直接拿去印刷吗?
只能作为参考。真正的印刷需要基于 ICC 色彩配置文件的转换,浏览器里的公式是简易换算,和印刷厂的输出会有偏差。