Convertisseur de couleurs
HEX, RGB, HSL et Tailwind
#10B981rgb(16, 185, 129)hsl(160, 84%, 39%)rgba(16, 185, 129, 1)--color: 160 84% 39%;bg-[#10B981] text-[#10B981]Convertisseur de Couleurs : HEX, RGB, HSL, HSV, CMYK
Chaque outil de design ou dev utilise des formats de couleur différents : HEX pour CSS, RGB pour JavaScript, HSL pour manipulations fluides, CMYK pour impression, HSV pour logiciels de design. Notre convertisseur traduit entre tous les formats en temps réel avec aperçu visuel.
Inclut contraste automatique (WCAG AA/AAA) avec blanc et noir, couleurs complémentaires, palettes harmoniques (triadique, split-complémentaire, analogue) et copie de la valeur dans n'importe quel format en un clic.
Conçu pour designers, développeurs front-end et créateurs qui travaillent avec couleurs de marque. Tout s'exécute dans votre navigateur — sans dépendances, sans publicités.
Comment ça marche?
- 1Entrez une couleur
Dans n'importe quel format : HEX (#RRGGBB), RGB (rgb(255,0,0)), HSL, HSV, CMYK, ou utilisez le picker visuel.
- 2Voyez les conversions automatiques
Tous les autres formats sont calculés en temps réel.
- 3Copiez ou explorez
Copiez la valeur dans le format désiré ou explorez les variations (palette, contraste, complémentaire).
Questions Fréquentes
Les écrans utilisent RGB (lumière additive) tandis que l'impression utilise CMYK (encres soustractives). Les gammes chromatiques sont différentes : RGB peut afficher des couleurs que CMYK ne peut reproduire (spécialement bleus et verts vifs). Notre outil montre s'il y a perte chromatique lors de la conversion.
WCAG AA exige un contraste minimum de 4,5:1 entre texte et fond (3:1 pour grand texte). AAA est plus strict : 7:1 (4,5:1 grand). Notre convertisseur montre automatiquement si une paire de couleurs passe ces standards.
Ce n'est pas une conversion directe — vous devez convertir HSL → RGB d'abord avec formule mathématique, puis RGB → HEX (chaque composant 0-255 devient 2 chiffres hexadécimaux). Notre outil le fait instantanément.