在线取色器 - HEX/RGB/HSL/CMYK 颜色值

取色器：HEX、RGB、HSL、HSV、CMYK 一次搞定

取色器是一款在线取色工具，让你用可视化的方式选取任意颜色，并同时读取它在各种常用格式下的数值。在取色方块内拖动、滑动色相和不透明度滑块，或直接输入 HEX 代码，HEX、RGB、RGBA、HSL、HSV、CMYK 数值都会即时更新。

它专为网页开发者、UI 与平面设计师，以及任何需要精确颜色代码、又不想在多个转换工具间来回切换的人而打造。内置的屏幕吸管可以直接从屏幕上吸取颜色，而历史记录和收藏则让你最近用过和已保存的颜色随时一键取用。

设计上注重隐私：每一种颜色都在你的浏览器中计算，历史记录和收藏也只保存在浏览器的本地存储里，绝不会上传到任何服务器。

如何使用取色器

选取颜色

在取色方块内点击或拖动，设定饱和度（从左到右）和明度（从下到上）。拖动色相滑块，可在 0°–360° 的完整色谱中更换基础颜色。

设置不透明度

拖动不透明度滑块，让颜色在完全透明到完全不透明之间任意调整。棋盘格预览以及 RGBA 和 8 位 HEX 数值都会反映你所选的 alpha 值。

或输入 HEX 代码

直接在 HEX 输入框中输入，即可跳转到已知颜色。它支持 3 位（#FFF）、6 位（#FFFFFF）和 8 位（#FFFFFFAA）数值，取色器会自动对应调整。

复制你需要的数值

点击任一格式旁的复制按钮，或用复制全部一次性复制 HEX、RGB、RGBA、HSL、HSV、CMYK，每种格式各占一行。点击爱心即可把颜色加入收藏。

功能特点

可视化取色器

通过 HSV 取色方块以及色相、不透明度滑块直观选色，所有数值实时更新。

多种颜色格式

同时读取 HEX、RGB、RGBA、HSL、HSV、CMYK 数值，网页和印刷场景都能直接使用。

屏幕吸管工具

使用浏览器原生吸管，从屏幕任意位置吸取颜色，支持 Chrome 和 Edge。

随机颜色生成

需要灵感时，随手生成一种饱和度与明度都恰到好处的全新颜色。

历史记录与收藏

自动记录你最近选取的 50 种颜色，收藏的颜色则长期保存，一键即可再次取用。

数据全程本地

所有处理都在你的浏览器中进行，颜色保存在本地存储里，绝不上传、绝不追踪。

常见问题

如何从屏幕上取色？

点击屏幕取色吸管按钮，然后点击屏幕上的任意像素。取色器会读取那个精确的颜色，并显示它的 HEX、RGB 以及其他数值。它使用浏览器原生的 EyeDropper，因此在 Chrome 和 Edge 中可用。

HEX 颜色代码是什么？

HEX 代码是标准的网页格式，用十六进制数字把颜色写成 #RRGGBB，例如 #FF5733。它包含的红、绿、蓝信息，与 rgb(255, 87, 51) 这样的 RGB 数值完全相同，只是写法更简短。像 #FF5733AA 这样的 8 位 HEX 还多了一个 alpha（不透明度）通道。

如何把 HEX 转换成 RGB？

把 HEX 代码输入或粘贴到 HEX 输入框，RGB 数值就会立即出现在它自己的方框里，随时可以复制。你不用做任何计算；取色器会同时为你完成 HEX、RGB、RGBA、HSL、HSV、CMYK 之间的转换。

什么时候该用 HSL，什么时候该用 HSV？

HSL（色相、饱和度、亮度）在 CSS 和网页样式中得到广泛支持。HSV（色相、饱和度、明度）在 Photoshop、Figma 等设计工具中更常见，因为其中的明度更贴近我们对亮度的感知。两者描述的是同一个取色器，挑选与你的工具相符的那一个即可。

CMYK 用在什么地方？

CMYK（青、品红、黄、黑）是用于印刷的颜色模型。如果你正在准备要印刷的作品，请复制 CMYK 数值，这样颜色印到纸上时，会比直接用屏幕 RGB 数值更加准确。

不透明度 / alpha 值有什么作用？

不透明度控制颜色的透明程度。在 100% 时它完全不透明，在 0% 时则完全透明。降低它对叠加层、阴影和分层设计很有用，而这个 alpha 值会体现在 RGBA 数值和 8 位 HEX 代码中。

为什么吸管按钮没有出现？

吸管依赖浏览器原生的 EyeDropper API，目前在 Chrome 和 Edge 中可用。在不支持它的浏览器（例如 Firefox 和 Safari）中，按钮会被隐藏。你仍然可以通过输入 HEX 代码来设定任意颜色。

我保存的颜色会存到网上吗？

不会。你的收藏和历史记录只保存在浏览器的本地存储里，因此会留在你的设备上，并在多次访问之间保持。任何内容都不会上传，你也可以随时清空历史记录或收藏。