Question 1

Formats de couleur

Accepted Answer

Les couleurs web peuvent être exprimées dans plusieurs formats. HEX, RGB et HSL sont les trois formats les plus courants utilisés en CSS et dans les outils de design. Chacun représente la même couleur différemment, et la conversion entre eux est essentielle dans les flux de travail du développement front-end.

Question 2

HEX, RGB, HSL

Accepted Answer

HEX (#rrggbb) code les canaux rouge, vert et bleu sous forme de deux chiffres hexadécimaux chacun (00–ff), par ex. #3b82f6. RGB (rgb(r, g, b)) exprime chaque canal comme un entier de 0 à 255, par ex. rgb(59, 130, 246). HSL (hsl(h, s%, l%)) utilise la teinte (0–360°), la saturation (0–100%) et la luminosité (0–100%) — un modèle plus intuitif pour ajuster les couleurs, par ex. hsl(217, 91%, 60%).

Question 3

Sélecteur de couleur

Accepted Answer

Cliquez sur l'échantillon de couleur en haut pour ouvrir le sélecteur de couleur natif du navigateur. La sélection d'une couleur mettra automatiquement à jour les trois champs de format.

Question 4

When to use HEX vs RGB vs HSL

Accepted Answer

Use HEX when working with CSS shorthand or design tools — it is the most compact notation and widely recognized by designers. Use RGB when you need to manipulate individual color channels programmatically (e.g., adjusting opacity with rgba()). Use HSL when you want intuitive color adjustments — changing hue rotates the color, changing saturation controls vividness, and changing lightness controls brightness. HSL is the most human-friendly format for creating color palettes and design systems.

Question 5

How to convert HEX to RGB

Accepted Answer

Paste a HEX color value (e.g. #3b82f6) into the HEX field and the RGB and HSL equivalents update instantly. You can also type RGB or HSL values directly — all three fields stay in sync. Click any Copy button to copy the value to your clipboard.

Convertisseur de couleurs

Formats de couleur

HEX, RGB, HSL

Sélecteur de couleur

Confidentialité