Générateur de palettes de couleurs FREE
Construisez une palette à partir d'une couleur selon les harmonies classiques, puis vérifiez le contraste de chaque paire avant de vous engager.
Palettes
Quelles paires sont lisibles
Chaque couleur en texte sur chaque autre. Le nombre est le rapport de contraste WCAG ; AA vaut 4,5:1 pour le texte normal et 3:1 pour le grand texte et les composants d'interface.
Copier la palette
Chaque conversion, chaque palette et chaque valeur de contraste de cette page est calculée dans votre navigateur. Une image déposée ici est lue sur un canvas dans cet onglet et n'est jamais téléversée.
Comment les harmonies sont construites
Complémentaire, analogue, triadique, tétradique, complémentaire divisée et carrée, calculées en faisant tourner la teinte en OKLCH plutôt qu'en HSL. Cela compte : tournez une teinte de 120 degrés en HSL et l'un des trois résultats paraît nettement plus sombre que les autres, parce que la luminosité de HSL est une moyenne des canaux et non ce que l'oeil mesure.
Chaque couleur est montrée avec son contraste sur blanc et sur noir, et la palette s'exporte en propriétés personnalisées CSS, variables SCSS, JSON ou simple liste. Rien n'est téléversé ; la palette reste dans ce navigateur et vous pouvez l'effacer.
Créez un meilleur web, plus vite.
Nous développons des logiciels et des solutions sur mesure adaptés à vos besoins.




