颜色选择器/转换器
选择颜色并在不同格式之间转换
备选匹配：
预览文本效果
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)定义了文本和背景之间对比度的最低要求，以确保所有用户（包括视觉障碍者）都能阅读内容。