黑点工具

颜色格式转换

HEX / RGB / HSL / HSV / CMYK 互转,能上传图片吸取颜色

这个工具做什么

这个页面提供颜色格式转换:HEX / RGB / HSL / HSV / CMYK 互转,能上传图片吸取颜色。整个处理过程在你的浏览器内完成,文件不会被上传到任何服务器,因此无需注册、也没有次数与体积限制,断网状态下同样可用。

怎么用

  1. 在输入框填任意一种颜色格式,HEX / RGB / HSL 都认
  2. 下面会同时给出 HEX、RGB、HSL、HSV、CMYK 和 CSS 变量写法
  3. 点任意一行可以复制,点明度梯度上的色块能直接换色
  4. 要取图上的颜色就上传图片,点图片上的位置

适用场景

  • 设计稿给的是 RGB,写代码要 HEX
  • 想把品牌色调亮一点,用 HSL 直接改 L 值
  • 从截图上取一个准确的色值
  • 生成同一色相的深浅梯度做图表配色

常见问题

rgb 怎么转成 hex?

把 rgb(79,70,229) 直接粘进输入框,下面立刻给出 #4F46E5,点一下就能复制。

取色时点在图片上没反应怎么办?

先确认图片已经加载出来(能看到画面),再点要取的位置。点之前别用滚轮缩放页面,否则坐标会偏。

为什么同一个颜色在印刷品上偏暗?

屏幕是发光色(RGB),纸张是反射色(CMYK),色域不同。鲜艳的蓝和绿印出来普遍偏暗,深色尤其明显。

哪种颜色格式最通用?

HEX 用于网页和设计稿,RGB 用于屏幕显示,HSL 调明暗最直观,CMYK 只在印刷场景用。日常写 CSS 用 HEX 或 HSL 都行。

从图片取色准吗?

取的是点击位置那一个像素的真实值,不涉及任何算法推测。图片有缩放时按比例换算回原图像素。

CMYK 的值能直接拿去印刷吗?

只能作为参考。真正的印刷需要基于 ICC 色彩配置文件的转换,浏览器里的公式是简易换算,和印刷厂的输出会有偏差。

相关工具