Convertisseur de Couleurs
Convertissez instantanement entre HEX, RGB et HSL. Copiez le code CSS en un clic. Outil gratuit pour developpeurs et designers.
color: #C45D3E;
color: rgb(196, 93, 62);
color: hsl(14, 54%, 51%);
Convertir des couleurs pour le web
En developpement 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 a jour instantanement. Le preview de couleur en haut vous montre le resultat en temps reel.
Questions frequentes
Quelle est la difference 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 echelle de 0 a 255. HSL (14, 100%, 60%) utilise la teinte (0-360), la saturation et la luminosite en pourcentage. Les trois representent les memes 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.