颜色格式
HEX#00F5FF
RGBrgb(0, 245, 255)
HSLhsl(182, 100%, 50%)
HSVhsv(182, 100%, 100%)
预设颜色
工具介绍
用取色板或输入框给一个 # 加 6 位十六进制颜色，页面同时给出 RGB、HSL、HSV。输入框只接受这一形式，不接受颜色名字，也不接受 3 位缩写。
HEX 每两位是一个 0–255 的通道。HSL 的明度是最大通道和最小通道的平均值；饱和度在明度大于 0.5 时用 (最大−最小)÷(2−最大−最小)。HSV 的明度就是最大通道，饱和度是 (最大−最小)÷最大。色相按 60 度一段计算后四舍五入成整数，饱和度和明度换成百分数再四舍五入。
计算示例
输入：#FF0000
输出：rgb(255, 0, 0)，hsl(0, 100%, 50%)，hsv(0, 100%, 100%)
输入：#00F5FF
输出：rgb(0, 245, 255)，hsl(182, 100%, 50%)，hsv(182, 100%, 100%)
输入：#808080
输出：rgb(128, 128, 128)，hsl(0, 0%, 50%)，hsv(0, 0%, 50%)
使用限制
- 没有 alpha。#RRGGBBAA 这种 8 位写法不能完整输入。输入不满 6 位时，页面会保留未写完的字符，但换算要等 6 位齐了才有意义。
- HSL 和 HSV 用整数百分比，细微色差会被舍掉。取色板给出的值也走同一套 HEX 换算，没有另一套更精确的结果。
- 灰色的色相没有定义，两个函数都把它显示成 0。
常见错误
- 以为 HSL 的 50% 明度和 HSV 的 50% 明度是同一种颜色。纯红的 HSL 明度是 50%，HSV 明度是 100%。
- 输入 ff0000 却忘了 #。校验要求以 # 开头。
- 拿四舍五入后的 HSL 再换回 HEX，期望和原值逐位相同。整数百分比还原后可能差 1 个通道单位。
常见问题
#00F5FF 的色相为什么是 182？▾
绿色 245、蓝色 255，色相落在青色附近。按页面的 0–360 刻度四舍五入后是 182。
和 CSS 的 hsl() 完全一致吗？▾
公式同类，但 CSS 可以保留小数，这里的角度和百分比都是整数。
预设色块会改计算吗？▾
不会。点预设只是把对应 HEX 填进同一个转换。