GUIDE深度 · Deep dive
HEX、RGB、HSL 怎么互转?
HEX 是 RGB 的十六进制写法(#RRGGBB),适合 CSS/设计工具;RGB 用 0–255 三个通道;HSL 用色相/饱和度/亮度,调深浅更方便。它们表示同一颜色,只是写法不同。
写法
HEX:#0f766e。
RGB:rgb(15, 118, 110)。
HSL:hsl(174, 77%, 26%)。
透明
用 #RRGGBBAA 或 rgba()/hsla()。
透明叠加后的颜色取决于背景。
常见问题
哪个更准?
一样;只是表示方式。
HSL 为什么调色方便?
固定色相只改亮度/饱和度就能出同色系。