Convertisseur de Couleurs

Convertissez entre les formats HEX, RGB et HSL.

Quand utiliser chaque format

HEX fonctionne mieux pour les feuilles de style CSS, les outils de design comme Figma ou Sketch, et le partage de couleurs dans un format compact.

RGB est idéal pour le CSS avec transparence (rgba), les logiciels de retouche d'image et la manipulation dynamique des couleurs dans le code.

HSL est utile pour créer des palettes de couleurs en ajustant la saturation et la luminosité tout en gardant la teinte constante, créer des états de survol et comprendre intuitivement les relations entre couleurs.

Explication des formats de couleur

HEX est une représentation hexadécimale (base 16) à 6 chiffres. Chaque paire représente Rouge, Vert, Bleu. #FF0000 = rouge pur, #00FF00 = vert pur, #0000FF = bleu pur.

RGB utilise trois valeurs de 0-255 pour les canaux Rouge, Vert, Bleu. rgb(255, 0, 0) = rouge. Les valeurs peuvent être mélangées: rgb(128, 0, 128) = violet.

HSL utilise Teinte (0-360°), Saturation (0-100%), Luminosité (0-100%). La teinte est la position sur la roue des couleurs, la saturation est l'intensité, la luminosité va du noir au blanc.

colorConverter.content.colorTheory.title

colorConverter.content.colorTheory.intro

colorConverter.content.colorTheory.complementary

colorConverter.content.colorTheory.analogous

colorConverter.content.colorTheory.triadic

colorConverter.content.accessibility.title

colorConverter.content.accessibility.intro

colorConverter.content.accessibility.contrast

colorConverter.content.accessibility.notOnlyColor

colorConverter.content.accessibility.testing

colorConverter.content.cssVariables.title

colorConverter.content.cssVariables.description

Couleurs de référence rapide

#FFFFFF White
#000000 Black
#FF0000 Red
#00FF00 Green
#0000FF Blue
#FFFF00 Yellow
#00FFFF Cyan
#FF00FF Magenta

colorConverter.faq.title