HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
同一个颜色的三种写法
HEX 和 RGB 是同一组数字换了件衣服——六位十六进制就是三个字节。HSL 是把同一个空间换个方式摆开：色相是角度，饱和度和亮度是百分比。彼此转换不会丢东西。
HSL 是那个能推理的
要在 RGB 里把颜色调亮，你得同时挪三个数字碰运气。在 HSL 里把 L 抬高就行。设计系统之所以用 HSL 定义色板、用 HEX 交付，原因就在这里。
广告
顺便看看 — 加密货币交易所注册福利
其他计算器
常见问题
Q. 我的 HEX 为什么是八位？
最后两位是 alpha，也就是不透明度，从 00 到 FF。这个转换器处理六位的不透明形式。
Q. #FFF 和 #FFFFFF 一样吗？
一样。三位形式把每一位翻倍，所以 #FFF 展开成 #FFFFFF，#1A2 展开成 #11AA22。
Q. 为什么 HSL 亮度 50% 看着不像中灰？
因为 HSL 的亮度是算术上的，不是知觉上的。50% 的黄看起来比 50% 的蓝亮得多。要按知觉来做，看看 LCH 或 OKLCH。