在线取色器是一个运行在浏览器里的免费小工具，核心功能有两项：一是从屏幕上取色，把任意颜色提取成数字色值；二是完成 HEX、RGB、HSL 三种格式之间的相互转换。

为什么需要色值转换

写网页时 CSS 里常用 HEX 格式，例如 #FF5733；做 Canvas 绘图时又要用 rgb(255, 87, 51)；而想调出同一色系的深浅变化时，HSL 最直观。三种格式描述的是同一种颜色，但用在不同场合，手工换算既费时又容易出错。

使用在线取色器，只要选中或输入一种颜色，其余格式会自动同步显示，点击即可复制，省去反复计算的麻烦。

三种格式的区别

  • HEX：以 # 开头的 6 位十六进制数，每两位分别代表红、绿、蓝，是 Web 最常用的格式。
  • RGB：红绿蓝三通道，每通道取值 0 到 255，适合程序代码中使用。
  • HSL：色相（0-360 度）、饱和度、亮度，更符合人对颜色的直觉理解。

对设计师、前端开发者和做自媒体配图的人来说，这类工具是日常刚需：取品牌色、匹配页面风格、检查文字与背景对比度，都能在几秒内完成。