Color Tester par MediaAndMe

Un outil pour webdesigner.

Créez et testez votre palette de couleurs, validez le contraste des couleurs pour l'accessibilité (WCAG 2.0 (EN)), simulez la palette vue par une personne daltonienne, convertissez les couleurs en HSLA, RGBA et hex pour votre CSS, convertissez en CMJN⁽¹⁾.

Une fois prête, partagez votre palette avec votre équipe et exportez-la en CSS ou en swatch/palette pour Adobe Photoshop, Adobe Illustrator, Adobe Indesign, Gimp, Inkscape et OpenOffice.

partager la
palette

exporter la
palette

Exportez votre palette pour

créer une palette sur base d'une photoLa photo ne sera pas envoyée sur un serveur.

Ratio du contraste

WCAG

Daltonisme :

normal

normal
deuteranomalie
deuteranopie
protanomalie
protanopie
tritanomalie
tritanopie
achromatopsie

Filtre :

tous

tous
WCAG AA grands caractères
WCAG AA complet
WCAG AAA grands caractères
WCAG AAA complet

Comparer :

texte

fond
texte

Mode :

rgba

hex
hsl
hsla
rgb
rgba

Police :

Open Sans

Arial
Baloo Paaji
Indie Flower
Lora
Open Sans
Open Sans Condensed
Quicksand
Roboto
Slabo 27px
Times New Roman
Verdana
Yellowtail

⁽¹⁾ La convertion de couleur CMJN est expérimentale, la couleur peut être différente de votre rendu à l'écran lors de l'impression et ne supporte pas les niveaux d'opacité. Il est toujours recommandé d'imprimer la couleur et de la vérifier avant de l'utiliser pour la production.

⁽²⁾ Le calcul de validation WCAG 2.0 prend en considération l'opacité.
Cela signifie que si un fond utilise un niveau de transparence (uniquement avec RGBA et HSLA), la validité est basée sur la probabilité que ce fond soit sur une autre couleur résultant par le plus mauvais contraste.