GUIDE深度 · Deep dive

HEX, RGB and HSL

HEX is RGB in hexadecimal (#RRGGBB), common in CSS and design tools; RGB uses three 0-255 channels; HSL uses hue/saturation/lightness and is easier for tints/shades. They describe the same color in different notation.

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

HEX: #0f766e.

RGB: rgb(15, 118, 110).

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

Use #RRGGBBAA or rgba()/hsla().

The result depends on the background.

FAQ

Which is more accurate?

They are equivalent; only notation differs.

Why is HSL easier for palettes?

Keep hue fixed and adjust lightness/saturation for a matching family.

Sources

Related calculators

Image Color PickerUpload an image, click any pixel to read HEX/RGB/HSL, copy values and keep recent colors; all local.

More guides

Making Picked Colors ReadableRead guide