颜色模型转换工具（RGB・HSL・HSV・CMYK）
输入HEX颜色代码或使用取色器选择颜色，即可同时计算并显示RGB、HSL、HSV（HSB）、CMYK四种色彩模型的数值。
各色彩模型的区别
| 模型 | 概述 | 主要用途 |
|---|---|---|
| RGB | 一种加色模型，通过0〜255的数值混合光的三原色（红・绿・蓝）来表现颜色。 | 显示器、Web开发（CSS）以及图像编辑软件的基本格式。 |
| HSL | 用色相（Hue）・饱和度（Saturation）・明度（Lightness）三个要素表现颜色的模型，更接近人类对颜色的直观感受，便于调整。 | CSS的`hsl()`函数，以及配色工具中的色相・饱和度调整。 |
| HSV/HSB | 用色相（Hue）・饱和度（Saturation）・明度（Value/Brightness）三个要素表现颜色的模型，与HSL相似但第三个轴的定义不同。 | Photoshop、Illustrator等设计工具的取色器。 |
| CMYK | 一种减色模型，通过叠加青色・品红・黄色・黑版（黑色）四种油墨来表现颜色。 | 印刷品设计・DTP（纸质媒体的色彩还原）。 |
什么是色彩模型转换
色彩模型转换是指把同一种颜色转换为 RGB・HSL・HSV（HSB）・CMYK 这些不同表色系的数值。RGB 是基于显示器发光机制的数值，HSL・HSV 是以色相、饱和度、亮度（明度）这类贴近人类感觉的轴来表示颜色的数值，CMYK 则是基于印刷油墨叠印的数值；即便是同一种颜色，所依据的轴也截然不同。
本工具会把以 HEX 色码或取色器指定的一种颜色，一次性转换并显示为上述四种表色系的数值。适用于网页制作中想改变 CSS 的书写形式、设计工具之间色彩指定方式不同、想确认印刷用 CMYK 值等，仅靠单一颜色转换无法应对的“希望同时对比多个模型”的场合。
色彩模型转换工具的使用方法
- 输入 HEX 色码 带不带 `#`、以及3位省略形式（`#f60`）均可输入。
- 或用取色器选择颜色 所选颜色会自动反映到 HEX 色码栏。
- 通过预览确认颜色 可用色块目视确认输入值是否被正确识别。
- 确认 RGB・HSL・HSV・CMYK 的转换结果 四种表色系的数值会同时显示。
- 按用途使用数值 如转写至 CSS 的 `hsl()` 函数、确认印刷用 CMYK 值等，按目的使用相应数值。
用好本工具的小技巧
- HEX代码输入框支持带`#`或不带`#`、三位简写形式（例如`#f60`）和六位完整形式两种输入方式。
- 通过取色器选择的颜色会自动反映到HEX代码中，可以一边凭感觉选色一边确认具体数值。
- 如果想在CSS中用`hsl()`函数指定背景色或文字颜色，可以直接把这里计算出的HSL数值套入`hsl(H, S%, L%)`格式中使用。
- 制作印刷用数据时请注意，这里显示的CMYK数值只是简易换算值，与实际印刷厂根据ICC配置文件得出的转换值可能会有细微差异。
色彩模型转换的应用场景
CSS 中色彩指定形式的转换
可把设计稿中指定的 HEX 色码，转换为想用 CSS 的 `hsl()` 函数微调色相与饱和度时所需的 HSL 值。
确认印刷用数据的 CMYK 参考值
把为网页确定的 RGB/HEX 配色沿用到印刷品之前，先确认 CMYK 换算值，更易察觉屏幕与纸张的色差。若需要准确的色彩再现，请另行确认基于印刷公司 ICC 特性文件的转换。
设计工具之间的色彩交接
Photoshop、Illustrator 等常以 HSV（HSB）显示取色器，当数值看起来与网页色码不一致时，可用本工具确认其对应关系。
配色的微调
分解为色相、饱和度、亮度三个值后，更易把握“保持色相不变、只改变明暗”之类的调整方向。制作精细的配色方案时，也请另行活用调色板生成工具。
术语集
- RGB
- 把红（Red）・绿（Green）・蓝（Blue）的光混合以表现颜色的加法混色模型。各成分以0～255的数值表示，用作显示器与 CSS 的基本色彩指定方式。
- HSL
- 以色相（Hue）・饱和度（Saturation）・亮度（Lightness）三要素表示颜色的模型。相较仅有数值的 RGB，其特点是更易直观地调整“明暗”与“鲜艳度”。
- HSV（HSB）
- 以色相（Hue）・饱和度（Saturation）・明度（Value/Brightness）三要素表示颜色的模型。与 HSL 相似但明度的定义不同，被 Photoshop 等的取色器广泛采用。
- CMYK
- 把青（Cyan）・品红（Magenta）・黄（Yellow）・黑版（Key plate，黑）四色油墨叠加以表现颜色的减法混色模型。用于印刷品的设计（DTP）。
- 色相（Hue）
- 把红、绿、蓝等“颜色的种类”以0～360度的角度表示的值。是 HSL・HSV 共用的轴，呈环状自红出发，经黄、绿、蓝、紫再回到红。
- 饱和度（Saturation）
- 表示颜色鲜艳程度的值。饱和度越接近0%越接近灰色，越接近100%则成为鲜艳的纯色。
- 亮度/明度（Lightness / Value）
- HSL 的亮度（Lightness）表示黑与白的混合程度，HSV 的明度（Value）表示该颜色中混入了多少黑。是同一颜色在不同模型下数值含义不同的代表例。
- 黑版（K）
- CMYK 中的黑色油墨成分。仅靠青、品红、黄三色难以再现有深度的黑，因此印刷时会另行叠加黑色油墨，使文字与深色更为清晰。
常见问题
闲话 ― 色彩模型的历史与用途区分
RGB加色混合的理念本身可以追溯到19世纪的色彩理论，但真正在计算机图形学中广泛使用是从20世纪70年代以后开始的。当时的彩色电视和显示器都是通过点亮阴极射线管上红・绿・蓝三种荧光体来产生颜色的，因此RGB被采用为直接对应这种物理结构的数值模型。
HSL和HSV都是在20世纪70年代到80年代之间，由计算机图形学研究者为解决「人类直接调整RGB数值并不直观」这一课题而设计出来的。其中HSV尤以1978年Alvy Ray Smith（后来成为Pixar的联合创始人之一）在论文中正式提出而闻名。
CMYK是伴随印刷技术的历史发展而来的色彩模型，源自一种称为四色分色印刷（four-color process printing）的方法。为了解决仅用青・品红・黄三色难以还原有深度的黑色这一印刷特有的课题，才加入了K（黑版）。时至今日，胶版印刷、喷墨打印机等众多印刷技术依然将CMYK作为标准使用。