Convertisseur de couleurs

HEX : notation hexadécimale (ex. #ff6600) utilisée en CSS et dans la plupart des logiciels de design. RGB : Rouge, Vert, Bleu, chacun de 0 à 255. HSL : Teinte (0-360°), Saturation (0-100 %) et Luminosité (0-100 %), pratique pour ajuster rapidement la luminosité ou la saturation d'une couleur.

D'autres formats existent : CMYK pour l'impression, HSV proche de HSL, ou noms de couleurs (CSS). La conversion entre HEX et RGB est directe (chaque canal sur 2 caractères hex). HSL se déduit de RGB par des formules de conversion standard.

Un outil de conversion permet de saisir une couleur dans un format (HEX, RGB ou HSL) et d'afficher les équivalences dans les autres. Certains proposent un sélecteur visuel (pipette, nuancier) et un aperçu en direct. Utile pour harmoniser une charte graphique ou adapter une couleur d'un logiciel à un autre.

En développement web, on passe souvent du HEX (donné par le designer) au RGB ou RGBA pour les effets (transparence, ombres). En design, HSL facilite la création de variantes (plus clair, plus saturé) en modifiant un seul paramètre.

La conversion entre formats est utile lors de l'intégration de maquettes (designer en HEX, développeur en RGB), pour générer des palettes cohérentes, ou pour adapter une couleur à un contexte (éclaircir en jouant sur la luminosité HSL).

En impression, la conversion RGB vers CMYK permet d'anticiper les écarts entre écran et papier. En accessibilité, on peut vérifier le contraste en passant par les composantes pour calculer la luminance.

HEX et RGB décrivent la même chose (couleur additive écran) ; la conversion est biunivoque. HSL est une représentation différente (cylindre de teinte, saturation, luminosité) ; les valeurs arrondies peuvent donner des écarts minimes selon les algorithmes.

Les espaces colorimétriques (sRGB, Adobe RGB, P3) ne sont en général pas gérés par les convertisseurs simples : on suppose le plus souvent sRGB, standard du web et de la plupart des écrans.

HEX (#rrggbb), RGB (r, g, b) et HSL (h, s%, l%) sont les trois formats les plus utilisés en web et en design. Un convertisseur en ligne permet de passer de l'un à l'autre instantanément.

Choisir le bon format selon le besoin : HEX pour le CSS, RGB pour les effets, HSL pour ajuster teinte et luminosité. Les outils en ligne offrent souvent un aperçu et des palettes dérivées.