Why does my HSL conversion look different?

HSL is device-dependent (depends on the display's color space). The conversion is mathematically exact in sRGB, but perceptual differences arise on wide-gamut displays. For critical color work, specify the color space explicitly.

Can all colors be represented in all formats?

Within sRGB, yes — hex, rgb, and hsl are equivalent. Colors outside sRGB (P3, Rec.2020) cannot be represented in 8-bit hex. Alpha transparency requires rgba/hsla or 8-digit hex (#rrggbbaa); 6-digit hex has no alpha.

Convertir colors between hex, RGB, HSL, and named formats

Translate un color valeur entre hex (#ff5733), rgb(), hsl(), et CSS named colors pour utiliser en différent contexts.

1

Colors appear in many formats: hex (#ff5733), rgb(255,87,51), hsl(11,100%,60%), named (red). Different tools and contexts prefer different formats. Conversion preserves the exact color while changing the representation.
2

Convertisseur de couleur →
Paste a color in any format. The tool outputs hex, rgb, rgba, hsl, hsla, and the nearest CSS named color.
3

Sélecteur de couleur depuis l'image →
Pick a color visually and get its value in all formats — useful when you do not have a specific input color but want to explore.

Questions fréquentes

Why does my HSL conversion look different?: HSL is device-dependent (depends on the display's color space). The conversion is mathematically exact in sRGB, but perceptual differences arise on wide-gamut displays. For critical color work, specify the color space explicitly.
Can all colors be represented in all formats?: Within sRGB, yes — hex, rgb, and hsl are equivalent. Colors outside sRGB (P3, Rec.2020) cannot be represented in 8-bit hex. Alpha transparency requires rgba/hsla or 8-digit hex (#rrggbbaa); 6-digit hex has no alpha.

Workflows résolvant cette tâche

Couleur Hex vers RGB et vérification de contraste

Convertir une couleur Hex en RGB puis vérifier le ratio de contraste WCAG.

PIPELINE

Outils associés

Convertisseur de couleur

Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Gratuit, privé et 100% côté client.

OUTIL

Sélecteur de couleur depuis l'image

Extract dominant colors from image. Gratuit, privé, 100% côté client.

OUTIL

Mélangeur de couleurs

Blend two colors by ratio using normal, multiply, screen, overlay, darken, or lighten blend modes. Gratuit, privé et 100% côté client.

OUTIL