HEXgenerator.online crée des palettes de couleurs harmonieuses en un clic et les exporte en variables CSS, SCSS, Tailwind ou JSON. Appuyez sur la barre d'espace pour générer, verrouillez les couleurs qui vous plaisent et vérifiez le contraste WCAG avant d'utiliser la palette.
Mis à jour le
Cliquez sur un HEX pour le copier · cadenas pour le garder
Chaque cellule affiche la couleur de la colonne en texte sur le fond de la ligne.
Cliquez sur une nuance pour copier son HEX.
Enregistrées uniquement dans ce navigateur. Cliquez sur une palette pour la charger.
Un code HEX écrit une couleur en hexadécimal au format #RRVVBB : deux chiffres pour le rouge, deux pour le vert et deux pour le bleu, chacun de 00 à FF. Il couvre 16 777 216 couleurs et c'est le format le plus utilisé en CSS.
Copiez le bloc :root avec les variables --color-1, --color-2… et utilisez-les avec var(--color-1) dans n'importe quelle propriété, comme color ou background. Vous modifiez ainsi toute la palette à un seul endroit.
L'analogue utilise des teintes voisines et apaise. La complémentaire oppose des teintes pour un contraste maximal. La triade répartit trois teintes à 120° pour un équilibre vivant. La monochrome varie la luminosité d'une seule teinte et reste la plus sobre.
