颜色转换器

相关指南

颜色三件套：转换器怎么读十六进制、提取器看多少像素、渐变器什么时候给出坏 CSS
三个颜色页面用的是三台完全不同的机器。转换器把十六进制当 32 位整数移位取色，所以 #FF0000ff 变成蓝色、#12g456 变成近黑且不报错；提取器只抽检 5000 个像素，聚类中心每轮重掷随机数，所以你问它要 7 个色它可能只给 4 个；渐变器只有三个方向关键字，而且从「径向渐变」退回「线性渐变」会写出浏览器读不懂的 CSS。下面每个数字都是在页面上跑出来的。

常见问题

HEX、RGB、HSL 有什么区别？
HEX 是十六进制颜色码（如 #FF0000），RGB 用红绿蓝分量表示（如 rgb(255,0,0)），HSL 用色相、饱和度、明度表示（如 hsl(0,100%,50%)）。HEX 和 RGB 适合计算机显示，HSL 更符合人类对颜色的直观理解。

HSL 中的 H、S、L 分别代表什么？
H（色相）：0-360 度，决定颜色类型，红 0/360、绿 120、蓝 240。S（饱和度）：0-100%，决定颜色鲜艳程度，0% 为灰色。L（明度）：0-100%，决定颜色亮度，0% 为黑色，100% 为白色。调整 S 和 L 值可以轻松得到同一颜色的深浅变化。