Entrée couleur
Saisir un code couleur
Exemples : #336699CC, rgb(51 102 153 / 80%), hsl(210 50% 40%), hwb(210 20% 40%), cmyk(67%, 33%, 0%, 40%) ou rebeccapurple.
Prêt.
Outil de conception web
Convertisseur de couleurs
Convertissez HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK et les noms courants avec validation stricte, aperçu alpha, copie et contraste WCAG selon le fond.
HEX · RGB · HSL · HWB
#336699rgb(51, 102, 153)
Valeurs converties
Formats de couleur
HEX#336699
RGBrgb(51, 102, 153)
RGBArgba(51, 102, 153, 1)
HSLhsl(210, 50%, 40%)
HSLAhsla(210, 50%, 40%, 1)
HSVhsv(210, 66.7%, 60%)
HWBhwb(210 20% 40% / 1)
CMYKcmyk(66.7%, 33.3%, 0%, 40%)
Variable CSS--color: rgba(51, 102, 153, 1);
Accessibilité
Vérificateur de contraste
Sur blanc6.00:1
Sur noir3.50:1
Sur fond personnalisé6.00:1
Luminance relative0.1251
Texte conseilléUtilisez du texte blanc pour un contraste plus fort.
Les couleurs transparentes sont composées sur chaque fond avant le calcul du rapport WCAG.
Tableau des couleurs
| Couleur | Nom | HEX | RGB | HSL |
|---|---|---|---|---|
| Noir | #000000 | 0, 0, 0 | 0, 0%, 0% | |
| Blanc | #FFFFFF | 255, 255, 255 | 0, 0%, 100% | |
| Rouge | #FF0000 | 255, 0, 0 | 0, 100%, 50% | |
| Vert citron | #00FF00 | 0, 255, 0 | 120, 100%, 50% | |
| Bleu | #0000FF | 0, 0, 255 | 240, 100%, 50% | |
| Jaune | #FFFF00 | 255, 255, 0 | 60, 100%, 50% | |
| Cyan | #00FFFF | 0, 255, 255 | 180, 100%, 50% | |
| Magenta | #FF00FF | 255, 0, 255 | 300, 100%, 50% | |
| Gris | #808080 | 128, 128, 128 | 0, 0%, 50% |
Notes de conversion
HEXHEX accepte trois, quatre, six ou huit chiffres ; la dernière paire du format à huit chiffres stocke l'alpha.
RGBRGB accepte les virgules classiques, les espaces modernes, les pourcentages et l'alpha après une barre, avec contrôle strict des plages.
HSL / HSV / HWBHSL, HSV et HWB partagent un angle de teinte mais décrivent saturation, valeur, luminosité, blancheur et noirceur différemment.
CMYKCMYK est une estimation d'impression dérivée de RGB ; un tirage précis nécessite un profil ICC.
WCAGWCAG utilise la luminance relative : le texte normal exige 4,5:1 pour AA et 7:1 pour AAA ; le grand texte 3:1 pour AA.
Conversions populaires
Questions fréquentes
Quels formats sont pris en charge ?
HEX, RGB, RGBA, HSL, HSLA, HSV ou HSB, HWB, CMYK, transparent et les noms CSS courants.
Puis-je utiliser la syntaxe CSS moderne ?
Oui. RGB et HSL acceptent les canaux séparés par espaces, l'alpha après une barre, les pourcentages et les angles deg, rad, grad et turn.
Comment la transparence intervient-elle dans le contraste ?
La couleur est d'abord composée sur le blanc, le noir ou le fond choisi, puis le rapport WCAG est calculé.
CMYK est-il exact pour l'impression ?
Non. C'est une estimation pratique ; l'impression exacte dépend des profils ICC, encres, papiers et procédés.