Studio de Couleur en Ligne

Convertissez, créez des palettes, vérifiez le contraste. Tout au même endroit.

Changer la Couleur
#

Copier le Code CSS

Accessibilité & Contraste

Texte Blanc

Exemple d'En-tête

Comment ce texte se lit-il sur le fond ?

4.5:1
AA ✔ AAA ✘
Texte Noir

Exemple d'En-tête

Comment ce texte se lit-il sur le fond ?

4.5:1
AA ✔ AAA ✘

Harmonies de Couleurs

Complémentaire

Triadique

Analogue

Teintes et Ombres

Teintes Vers le Blanc
Ombres Vers le Noir

Espaces de Couleurs et Conversions

Qu'est-ce que le CMJN ?

Signifie Cyan, Magenta, Jaune, Noir (Key). Alors que les écrans (RVB) produisent de la couleur avec de la lumière, les imprimantes (CMJN) produisent de la couleur avec de l'encre. Vérifiez toujours les valeurs CMJN si vous concevez pour l'impression.

RVB vs HEX

Techniquement, ils représentent la même chose. Le code HEX est une représentation hexadécimale plus courte des valeurs RVB. Les navigateurs traitent les deux à la même vitesse.

Accessibilité (Rapport de Contraste)

Les directives d'accessibilité aux contenus web (WCAG) exigent un rapport de contraste spécifique entre le texte et l'arrière-plan.
Niveau AA : Rapport d'au moins 4.5:1 (Pour le texte normal).
Niveau AAA : Rapport d'au moins 7:1 (Lisibilité supérieure).

Cet outil calcule automatiquement ce qui est le plus lisible lorsque du texte blanc ou noir est placé sur la couleur sélectionnée.

Paramètres des Cookies

Nous utilisons des cookies et des technologies LocalStorage pour vous offrir une meilleure expérience, analyser le trafic du site et enregistrer vos consentements légaux (téléchargements de fichiers QR, etc.).