Tous les outils

Couleurs et contraste

Compose une couleur, garde-la dans ta palette et vérifie que ton texte reste lisible. Garde cette page ouverte à côté de ton éditeur !

Mélangeur de couleurs

Trois lumières, rouge, verte et bleue. Dose-les, et le mélangeur écrit ta couleur en hexadécimal et en rgb(). Ajoute tes trouvailles à ta palette : elle garde jusqu'à douze couleurs.

hexadécimal
#226347
rgb()
rgb(34, 99, 71)

Clique une pastille ou bouge un curseur : les deux écritures changent ensemble.

#226347 = rgb(34, 99, 71)

Testeur de contraste

Est-ce que ton texte se lit bien sur son fond ? Le minimum : 4,5:1 pour un texte normal, 3:1 pour un grand texte.

Grand texte : un titre

Texte normal : lis-moi sans plisser les yeux.

Contraste
14,6:1
  • Réussi · Texte normal minimum 4,5:1
  • Réussi · Grand texte minimum 3:1
Texte
Fond

Fonce ou éclaircis le texte : sa teinte ne bouge pas.

Contraste 14,6:1. Texte normal : réussi, Grand texte : réussi.

Nuxy - Apprends à coder en pratiquant

Nuxt 4 · Vue 3 · Nuxt UI · v1.74.1