GUIDE深度 · Deep dive

HEX、RGB、HSL 怎么互转?

HEX 是 RGB 的十六进制写法(#RRGGBB),适合 CSS/设计工具;RGB 用 0–255 三个通道;HSL 用色相/饱和度/亮度,调深浅更方便。它们表示同一颜色,只是写法不同。

更新 2026-10-31 · 公式可核验

写法

HEX:#0f766e。

RGB:rgb(15, 118, 110)。

HSL:hsl(174, 77%, 26%)。

透明

用 #RRGGBBAA 或 rgba()/hsla()。

透明叠加后的颜色取决于背景。

常见问题

哪个更准?

一样;只是表示方式。

HSL 为什么调色方便?

固定色相只改亮度/饱和度就能出同色系。

数据来源

相关计算器

图片取色器上传图片,点击任意像素读取 HEX/RGB/HSL,一键复制并保留最近颜色;纯本地。

更多指南

取色后怎么保证可读性?阅读指南