颜色转换器

像#FF5733这样的HEX颜色通过拆分成对来转换为RGB：FF=255（红）、57=87（绿）、33=51（蓝）。每对是一个十六进制数（0-FF），表示十进制的0-255。所以#FF5733 = RGB(255, 87, 51)。对于简写HEX如#F53，展开每个数字：#FF5533。此转换器自动处理计算——只需输入任何格式即可获得即时结果。

RGB（红、绿、蓝）通过混合光强度来定义颜色（每个0-255）。HSL（色相、饱和度、亮度）更直观：色相是色轮上的位置（0-360°），饱和度是颜色强度（0-100%），亮度是明暗程度（0-100%）。HSL更容易调整——要使颜色变亮，只需增加L。要降低饱和度，减少S。RGB是屏幕显示的方式，HSL是人类思考颜色的方式。

静态颜色使用HEX（#FF5733）——简洁且普遍支持。需要透明度时使用RGB或RGBA：rgba(255, 87, 51, 0.5)创建50%透明的颜色。HSL非常适合程序化颜色操作——调整亮度或饱和度很直接。现代CSS同样支持这三种格式，所以根据可读性和是否需要alpha通道来选择。

互补色在色轮上相对，产生最大对比度。在HSL中，只需在色相上加减180°。例如，如果你的颜色H=30°（橙色），互补色是H=210°（蓝色）。保持S和L相同。红色（#FF0000，H=0°）与青色（H=180°）互补。此转换器显示HSL值，便于计算互补色、三等分配色（+120°）或分裂互补色（+150°/+210°）。

屏幕在色域（可显示颜色范围）、校准和面板技术（IPS、OLED、TN）方面各不相同。像#FF5733这样的颜色是精确的数字值，但显示器根据其颜色配置文件和设置以不同方式解释它。为了颜色一致性，使用硬件校准的显示器，在sRGB色彩空间中设计，并在多个设备上测试。打印颜色使用CMYK，其色域比RGB小——明亮的屏幕颜色打印时可能看起来更暗淡。