Convertisseur de Couleurs
Convertissez instantanément entre HEX, RGB et HSL. Copiez le code CSS en un clic. Outil gratuit pour développeurs et designers.
color: #C45D3E;
color: rgb(196, 93, 62);
color: hsl(14, 54%, 51%);
Convertir des couleurs pour le web
En développement web, vous travaillez constamment avec les couleurs. Que ce soit en CSS, dans un design system ou pour respecter une charte graphique, il est courant de devoir convertir entre les formats HEX, RGB et HSL.
Notre convertisseur est bidirectionnel : modifiez n'importe quel champ et les autres se mettent à jour instantanément. Le preview de couleur en haut vous montre le résultat en temps réel.
Questions fréquentes
Quelle est la différence entre HEX, RGB et HSL ?
HEX (#FF5733) est une notation hexadecimale compacte utilisee en CSS. RGB (255, 87, 51) exprime la couleur en rouge, vert et bleu sur une échelle de 0 à 255. HSL (14, 100%, 60%) utilise la teinte (0-360), la saturation et la luminosite en pourcentage. Les trois representent les mêmes couleurs, juste differemment.
Quel format utiliser en CSS ?
Les trois formats fonctionnent en CSS. HEX est le plus courant et compact. HSL est plus intuitif pour ajuster les couleurs (changer la luminosite sans toucher a la teinte). RGB est pratique quand vous avez besoin d'ajouter de l'opacite (rgba).
Comment choisir des couleurs accessibles ?
Le ratio de contraste entre le texte et le fond doit etre d'au moins 4.5:1 pour le texte normal (WCAG AA). Utilisez des outils comme WebAIM Contrast Checker pour verifier. En general, du texte fonce sur fond clair (ou inversement) garantit une bonne lisibilite.