Mode d'emploi
- Saisissez un code couleur ou un nom CSS, puis cliquez sur Appliquer.
- Modifiez le champ RGB pour mettre à jour les autres formats.
- Choisissez une couleur dans Comparer avec pour vérifier le contraste.
- Cliquez sur Copier le lien pour partager la couleur sélectionnée.
Exemples
Convertir une couleur de charte graphique
#2451E8
HEX: #2451E8 RGB: rgb(36, 81, 232) HSL: hsl(226, 81%, 53%) HSV: hsv(226, 84%, 91%) CMJN: cmyk(84%, 65%, 0%, 9%) Nom: ≈ MediumSlateBlue vs blanc: 6.14:1 — ✓ AA, ✓ AA grand texte, ✕ AAA, ✓ AAA grand texte vs noir: 3.41:1 — ✕ AA, ✓ AA grand texte, ✕ AAA, ✕ AAA grand texte
Vérifier un gris pour du texte sur fond blanc
#767676
HEX: #767676 RGB: rgb(118, 118, 118) HSL: hsl(0, 0%, 46%) HSV: hsv(0, 0%, 46%) CMJN: cmyk(0%, 0%, 0%, 54%) Nom: ≈ Gray (grey) vs blanc: 4.54:1 — ✓ AA, ✓ AA grand texte, ✕ AAA, ✓ AAA grand texte vs noir: 4.62:1 — ✓ AA, ✓ AA grand texte, ✕ AAA, ✓ AAA grand texte
Retrouver les codes d’une couleur CSS
rebeccapurple
HEX: #663399 RGB: rgb(102, 51, 153) HSL: hsl(270, 50%, 40%) HSV: hsv(270, 67%, 60%) CMJN: cmyk(33%, 67%, 0%, 40%) Nom: RebeccaPurple vs blanc: 8.40:1 — ✓ AA, ✓ AA grand texte, ✓ AAA, ✓ AAA grand texte vs noir: 2.49:1 — ✕ AA, ✕ AA grand texte, ✕ AAA, ✕ AAA grand texte
Noms de couleurs HTML (148)
Les 148 noms de couleurs CSS pris en charge par les navigateurs modernes, regroupés par famille de couleurs. Cliquez sur une ligne pour charger la couleur, ou sur une valeur HEX ou RGB pour la copier.
| Couleur | Nom | HEX | RGB |
|---|
FAQ
Comment prélever une couleur sur mon écran avec la pipette ?
Cliquez sur Prélever à l'écran, puis choisissez un point sur votre écran. Ce bouton apparaît uniquement si votre navigateur prend en charge l’API EyeDropper. L’outil ne permet pas d’importer une photo.
Les codes couleur avec transparence sont-ils acceptés ?
Vous pouvez saisir un code HEX avec alpha ou une valeur rgba(), mais la transparence est ignorée. Les résultats correspondent uniquement à une couleur opaque sRGB.
Quel contraste faut-il pour un texte accessible ?
Selon les WCAG 2.x, le niveau AA exige un rapport d’au moins 4,5:1 pour le texte courant et 3:1 pour le grand texte. Le niveau AAA exige respectivement 7:1 et 4,5:1.
Puis-je utiliser les valeurs CMJN pour l’impression ?
La conversion CMJN est approximative et n’utilise aucun profil colorimétrique. Pour l’impression, utilisez le profil fourni par votre imprimeur.
Mes couleurs sont-elles enregistrées ?
Les conversions s’effectuent dans votre navigateur. Celui-ci conserve localement la dernière couleur, jusqu’à 12 couleurs récentes et vos réglages de casse HEX et d’ordre du tableau.