Générateur de palettes
Appuyez sur espace pour une nouvelle palette. Verrouillez les couleurs qui vous plaisent, vérifiez le contraste et récupérez le code pour votre site.
Survolez une couleur : le cadenas la verrouille, les points la déplacent, « + » ajoute une couleur à côté. Cliquez sur le code pour le modifier.Chaque couleur a des boutons : verrouiller, copier, nuances, supprimer. Touchez le code de la couleur pour le modifier.
Contraste
Paires de couleurs de la palette selon WCAG : AA - texte courant, AAA - la meilleure option.
Export
Palettes prêtes
Vérifications rapides : Favicon · Aperçu SEO · Boutique d'un concurrent · Générateur de palettes
Mode d'emploi
Chaque appui sur espace donne une nouvelle palette. Une couleur vous plaît ? Verrouillez-la et les palettes suivantes s'accorderont avec elle. Cliquez sur le code d'une couleur pour régler luminosité, saturation et teinte ou saisir votre propre HEX. Le bouton à rayures montre des nuances plus claires et plus foncées de la couleur - pratique pour un fond ou une couleur de survol. Les couleurs se déplacent, s'ajoutent entre deux voisines et se suppriment, de 2 à 10.
Palette d'une photo et code prêt
Chargez une photo ou collez-la depuis le presse-papiers : l'outil y trouve les couleurs principales. La palette se copie en variables CSS, SCSS, configuration Tailwind ou JSON, se télécharge en image PNG ou SVG, s'enregistre dans votre profil ou s'ouvre dans « Dégradé d'une photo » pour en faire un fond. L'adresse de la page contient toujours la palette actuelle : il suffit de la partager.
Questions fréquentes
Pas de réponse ? Écrivez-nous, on vous aide.
Appuyez sur espace ou sur le bouton « Générer ». Verrouillez les couleurs qui vous plaisent : elles restent à la génération suivante, et les autres s'accordent avec elles dans l'harmonie choisie.
Analogue - teintes voisines, calme et douce. Monochrome - une seule teinte à différentes luminosités. Complémentaire - couleurs opposées, le contraste le plus fort. Complémentaire divisée, triade et tétrade - 3 à 4 teintes réparties sur le cercle. « Auto » en choisit une à chaque fois.
Dans cet espace, des valeurs de luminosité égales paraissent aussi claires à l'œil : la palette a donc toujours des couleurs claires et foncées, et la saturation ne saute pas d'une teinte à l'autre comme en HSL.
Le bloc « Contraste » montre des paires de couleurs de la palette et leur contraste WCAG : à partir de 4.5:1 - texte courant (AA), de 7:1 - AAA, de 3:1 - seulement les grands titres. La couleur du texte de chaque colonne est choisie automatiquement.
Environ un homme sur douze perçoit les couleurs autrement. Activez la simulation de protanopie, deutéranopie, tritanopie ou vision monochrome et vérifiez que les couleurs importantes ne se confondent pas.
Oui, sans restriction. Les palettes sont générées dans votre navigateur, et un ensemble de couleurs n'est pas protégé par le droit d'auteur.