Convertisseur de couleurs
UtilitairesHEX, RGB, HSL et Tailwind
- S'exécute dans votre navigateur
- Rien n'est envoyé sur un serveur
- Sans inscription
Selector de color
Valores para copiar
- HEX
#10B981 - RGB
rgb(16, 185, 129) - HSL
hsl(160, 84%, 39%) - RGBA
rgba(16, 185, 129, 1) - CSS custom property
160 84% 39% - Tailwind
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?
- Entrez une couleur
Dans n'importe quel format : HEX (#RRGGBB), RGB (rgb(255,0,0)), HSL, HSV, CMYK, ou utilisez le picker visuel.
- Voyez les conversions automatiques
Tous les autres formats sont calculés en temps réel.
- Copiez ou explorez
Copiez la valeur dans le format désiré ou explorez les variations (palette, contraste, complémentaire).
Questions Fréquentes
Pourquoi le même HEX apparaît-il différent sur écran vs impression ?
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.
Que signifie le contraste WCAG AA/AAA ?
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.
Comment convertir HSL en HEX manuellement ?
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.