Générateur de palettes

Traité dans ce navigateur

Limite de texte : 2000000 caractères

Cet outil n’envoie pas votre saisie.

#2981aergb(41, 129, 174)
#2c43d8rgb(44, 67, 216)
#894be7rgb(137, 75, 231)
#b12abbrgb(177, 42, 187)
#dc388frgb(220, 56, 143)

Cinq hex pour une maquette. Ce n’est pas un design system, ni un audit RGAA. Le contraste se mesure à part.

Partir d’un bleu et voir des voisins. Le job : explorer, pas livrer une DA.

Contraste. Pipette. Dégradés.

Après la palette

Mesurez le contraste du texte sur le fond le plus clair. Un nuancier joli peut rester illisible. Une teinte prélevée sur photo se recopie ici.

Comment l’utiliser

  1. Teinte de départ, type d’harmonie si proposé.
  2. Copiez les hex.
  3. Testez le texte sur le fond le plus clair / le plus sombre.

FAQ

Contraste texte / fond ?

Vérificateur de contraste.

Couleur depuis une photo ?

Pipette d’image.

Les hex partent-ils ?

Non. Génération dans l’onglet.

Charte officielle d’une marque ?

Non. C’est une exploration.

Dégradé CSS ?

Générateur de dégradés.

Outils liés