颜色选择器/转换器
选择颜色并在不同格式之间转换
备选匹配：
预览文本效果
The quick brown fox jumps over the lazy dog
color: #6366f1; background-color: #6366f1; border-color: #6366f1;
关于色彩模型
色彩是数字设计的基础，不同的应用场景需要不同的色彩模型。本工具连接了这些模型，为设计师和开发者提供精确的转换和实用功能。
理解不同的颜色模型对于Web开发、UI设计和数字艺术创作至关重要。
支持的色彩格式与功能
#RRGGBB
0-255, 0-255, 0-255
0°-360°, 0-100%, 0-100%
0°-360°, 0-100%, 0-100%
0-100%, ×4
16-235, 16-240, 16-240
L*: 0-100, a*/b*: -128 to +127
颜色格式详解
HEX（十六进制）
HEX颜色使用以#开头的6位十六进制表示法。每对数字分别代表红、绿、蓝值（00-FF）。短格式（#RGB）会扩展为#RRGGBB。支持8位格式表示透明度（#RRGGBBAA）。
应用场景：CSS、HTML、网页设计、大多数编程语言
RGB（红、绿、蓝）
RGB模型是一种加色模型，通过混合红、绿、蓝光来创建颜色。该模型直接对应屏幕发光方式，是数字显示器的原生色彩空间。
应用场景：屏幕显示、LED照明、CSS、数字图像处理
HSL（色相、饱和度、亮度）
HSL根据人类感知来表示颜色。色相是色轮上的角度，饱和度是颜色的强度，亮度是颜色的明暗程度。这使颜色调整更加直观。
应用场景：CSS、配色方案生成、直观颜色选择
HSV/HSB（色相、饱和度、明度）
HSV（也称HSB）与HSL类似，但使用明度代替亮度。明度表示亮度，100%是最亮的。这种模型在许多图形应用中更受欢迎，因为它更符合艺术家对颜色的思考方式。
应用场景：Photoshop、GIMP、图形软件中的颜色选择器
CMYK（青、品红、黄、黑）
CMYK是印刷中使用的减色模型。与添加光线的RGB不同，CMYK从白纸上减去光线。'K'代表Key（黑色），用于提高印刷质量并减少油墨用量。
应用场景：印刷设计、商业印刷、包装设计
YCbCr（亮度、色度）
YCbCr将亮度（Y）与色度（Cb、Cr）分量分离。这种分离允许高效的视频压缩，因为人眼对亮度比颜色更敏感。常用于JPEG、MPEG和广播标准。
应用场景：JPEG压缩、视频编码（H.264、HEVC）、电视广播
Lab（CIE L*a*b*）
Lab是一种感知均匀的颜色空间，旨在近似人类视觉。L*代表亮度，a*是绿-红轴，b*是蓝-黄轴。无论颜色如何，1单位的感知距离看起来大致相同。
应用场景：色彩科学、色差计算（Delta E）、专业色彩管理
Pantone（潘通色）
潘通配色系统（PMS）是一种专有的颜色标准化系统，广泛用于印刷、时尚和产品设计。每种颜色都有唯一的编码，确保在不同材料和制造商之间实现一致的颜色再现。
应用场景：品牌识别、商业印刷、包装设计、纺织行业
注意：这些是数字近似值。实际 Pantone 颜色在印刷时可能会有所不同。
色彩理论基础
颜色存在于针对不同目的优化的不同'空间'中。加色模型（RGB）通过添加光线工作，而减色模型（CMYK）通过吸收光线工作。感知模型（Lab）与人类视觉对齐。
加色模型
RGB通过混合红、绿、蓝光来创建颜色。将三种光以最大强度混合会产生白色。屏幕、投影仪和数字显示器就是这样工作的。
减色模型
CMYK从白色中吸收（减去）光波长。理论上混合所有颜色会产生黑色。油墨和颜料就是这样工作的。
感知色彩模型
Lab和类似的颜色空间是围绕人类感知设计的，使其成为颜色比较和校正的理想选择。
转换注意事项
- RGB ↔ HEX：无损转换，仅格式变化
- RGB ↔ HSL/HSV：色域内无损，可能损失精度
- RGB ↔ CMYK：可能丢失印刷色域外的颜色
- RGB ↔ Lab：使用D65光源，假设sRGB色彩空间
- RGB ↔ YCbCr：默认使用BT.601标准
WCAG 对比度标准
Web内容无障碍指南(WCAG)定义了文本和背景之间对比度的最低要求，以确保所有用户（包括视觉障碍者）都能阅读内容。
常见应用场景
常见问题解答
HEX、RGB 和 HSL 颜色格式有什么区别？
HEX 是一种简洁的六位十六进制表示（如 #FF5733），将红、绿、蓝三个通道编码在一个字符串中。RGB 将每个通道表示为 0～255 的十进制整数，更直观。HSL（色调、饱和度、明度）将色相角、鲜艳度与亮度分开表示，在修改颜色的深浅时不需猜测 RGB 数字，更符合设计思维。三种格式可以相互转换。
RGBA 和 HSLA 中的透明度通道（A）是什么？
透明度通道控制颜色的透明程度。在 RGBA 和 HSLA 中，A 值范围为 0（完全透明）到 1（完全不透明），在 CSS 中也可用百分比表示。例如 rgba(255, 0, 0, 0.5) 表示 50% 透明的红色，可透过它看到远面的内容。透明度广泛用于蒙层、阴影和悬停效果。注意：标准 HEX 不包含 Alpha，除非使用 8 位 HEX（如 #FF573380）。
HSL 和 HSV（HSB）有什么区别？
HSL 和 HSV（也称 HSB，即色调-饱和度-亮度）均使用色相角，但第三个维度定义不同。HSL 中 50% 明度且饱和度最高时为纯色，0% 为黑色，100% 为白色。HSV 中 100% 亮度且饱和度最高时为纯色，0% 亮度时必为黑色。PSB 和 Photoshop 等图像编辑软件多用 HSV，而 CSS 和网页设计领域多用 HSL。
CMYK 颜色和 RGB 颜色有什么不同？
RGB 采用加法混色：光线叠加产生颜色，三个通道全强时得白色。CMYK 采用减法混色：颜料吸收光线，四色全强时近似黑色。RGB 是显示器、相机和数字设备的原生模型，CMYK 是印刷行业的标准。设计印刷品时应尽早转换为 CMYK，因为并非所有 RGB 颜色都能在印刷中忠实呈现，尤其是鲜艳蓝色和电光绿色在纸张上尤为明显。
为什么同一颜色在不同屏幕或设备上看起来不一样？
颜色外观因显示技术、颜色配置文件和硬件校准而差异。每块屏幕有其自己的色域（可显示的颜色范围），入门级显示器可能仅覆盖 sRGB 的 60～72%，而专业显示器则能覆盖 99% sRGB 或更大的 P3/AdobeRGB 色域。ICC 颜色配置文件告知操作系统如何解读项目白的屏幕的颜色数字。未经校准时，同一个 #FF5733 在不同屏幕上可能分别显现为普通橙色和偶尔近贡色。要求色彩准确时，应使用经过硬件校准的显示器并氺定目标色彩空间。