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(1).

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

    Ratio du contraste
    WCAG
    normal
    • normal
    • deuteranomalie
    • deuteranopie
    • protanomalie
    • protanopie
    • tritanomalie
    • tritanopie
    • achromatopsie
    tous
    • tous
    • WCAG AA grands caractères
    • WCAG AA complet
    • WCAG AAA grands caractères
    • WCAG AAA complet
    texte
    • fond
    • texte
    rgba
    • hex
    • hsl
    • hsla
    • rgb
    • rgba
    Open Sans
    • Arial
    • Baloo Paaji
    • Indie Flower
    • Lora
    • Open Sans
    • Open Sans Condensed
    • Quicksand
    • Roboto
    • Slabo 27px
    • Times New Roman
    • Verdana
    • Yellowtail

    (1) 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.

    (2) 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.

    (3) La recommandation WCAG 2.0 pour la limite entre les polices de petite et de grande taille est de 12pt(19px). Il s'agit d'une référence pour les polices claires, nettes et standardisées (comme l'Arial, l'Open Sans ou la Roboto). Cela signifie que selon la police que vous choisissez, la taille minimale peut être supérieure à 12pt(19px) pour rester accessible et lisible (comme pour l'Indie Flower, la Quicksand ou la Yellowtail).