颜色模型转换工具（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（纸质媒体的色彩还原）。 |
使用提示
- HEX代码输入框支持带`#`或不带`#`、三位简写形式（例如`#f60`）和六位完整形式两种输入方式。
- 通过取色器选择的颜色会自动反映到HEX代码中，可以一边凭感觉选色一边确认具体数值。
- 如果想在CSS中用`hsl()`函数指定背景色或文字颜色，可以直接把这里计算出的HSL数值套入`hsl(H, S%, L%)`格式中使用。
- 制作印刷用数据时请注意，这里显示的CMYK数值只是简易换算值，与实际印刷厂根据ICC配置文件得出的转换值可能会有细微差异。
常见问题
RGB是将光的三原色红・绿・蓝分别用0〜255的数值混合来表现颜色的方式，是计算机处理颜色时的基本格式。而HSL则是用「色相・饱和度・明度」这三个更接近人类感官的轴重新表现同一种颜色，因此在进行「稍微亮一点」「稍微鲜艳一点」这类直观调色时更加方便。
HSV和HSL都共享色相（H）和饱和度（S），但第三个轴的定义不同。HSL的明度（Lightness）表示「与黑色・白色混合的程度」，而HSV的明度（Value）只表示「该颜色中混入了多少黑色」。当想要选择接近纯色的鲜艳颜色时，HSV通常被认为更直观，因此被Photoshop等许多设计工具的取色器所采用。
理论上均匀叠加青色・品红・黄色三种油墨应该会得到黑色，但实际的油墨并非完全纯净，三色混合后只会得到接近浑浊棕色的颜色。因此印刷行业会额外添加黑色油墨（黑版，K），以便清晰地印刷文字等黑色内容。
显示器是通过混合红・绿・蓝三种光来生成颜色的「加色混合」，因此基于光的三原色的RGB更为适合。而在纸张上叠加油墨的印刷则是通过吸收光来生成颜色的「减色混合」，因此使用油墨三原色加黑色的CMYK。由于两者的原理不同，屏幕上看到的颜色与印刷出来的颜色有时并不完全一致，这种差异被称为「色域（gamut）」的不同。
闲话 ― 色彩模型的历史与用途区分
RGB加色混合的理念本身可以追溯到19世纪的色彩理论，但真正在计算机图形学中广泛使用是从20世纪70年代以后开始的。当时的彩色电视和显示器都是通过点亮阴极射线管上红・绿・蓝三种荧光体来产生颜色的，因此RGB被采用为直接对应这种物理结构的数值模型。
HSL和HSV都是在20世纪70年代到80年代之间，由计算机图形学研究者为解决「人类直接调整RGB数值并不直观」这一课题而设计出来的。其中HSV尤以1978年Alvy Ray Smith（后来成为Pixar的联合创始人之一）在论文中正式提出而闻名。
CMYK是伴随印刷技术的历史发展而来的色彩模型，源自一种称为四色分色印刷（four-color process printing）的方法。为了解决仅用青・品红・黄三色难以还原有深度的黑色这一印刷特有的课题，才加入了K（黑版）。时至今日，胶版印刷、喷墨打印机等众多印刷技术依然将CMYK作为标准使用。