Convertisseur de couleurs HEX / RGB / HSL
Convertissez instantanement vos couleurs entre les formats HEX, RGB et HSL. Modifiez une valeur et les autres se mettent a jour automatiquement. Copiez le code couleur en un clic.
Comprendre les formats de couleurs
HEX (Hexadecimal)
Le format HEX represente les couleurs avec un code de 6 caracteres precede d'un #. Chaque paire de caracteres (00 a FF) represente l'intensite du rouge, du vert et du bleu. Exemple : #3b82f6est un bleu vif. C'est le format le plus utilise en CSS et en design web.
RGB (Red, Green, Blue)
Le format RGB definit une couleur par ses composantes rouge, verte et bleue, chacune allant de 0 a 255. Exemple : rgb(59, 130, 246). C'est le modele de couleur additif utilise par les ecrans.
HSL (Hue, Saturation, Lightness)
Le format HSL est plus intuitif : la teinte (H) va de 0 a 360 degres sur le cercle chromatique, la saturation (S) de 0% (gris) a 100% (couleur vive), et la luminosite (L) de 0% (noir) a 100% (blanc). Exemple : hsl(217, 91%, 60%). Ideal pour creer des palettes harmonieuses.
Questions frequentes
Comment convertir HEX en RGB ?
Chaque paire de caracteres du code HEX correspond a une valeur RGB. Par exemple, #FF8000 donne R=255 (FF), G=128 (80), B=0 (00). Notre outil fait ce calcul automatiquement.
Quel format utiliser en CSS ?
Les trois formats sont valides en CSS. Le HEX est le plus courant, le RGB est explicite, et le HSL est pratique pour ajuster la luminosite ou la saturation d'une couleur.
Quelle est la difference entre RGB et HSL ?
RGB decrit une couleur par ses composantes de lumiere (rouge, vert, bleu). HSL la decrit de maniere plus humaine : teinte, saturation et luminosite. Les deux representent les memes couleurs, mais HSL est plus intuitif pour creer des variantes.