Nombre de couleurs
Texte sur la couleur
Style
🎨
Cliquez sur «Générer la palette» pour commencer

Comment générer une palette pour votre projet

Choisissez le nombre de couleurs et la couleur du texte — blanc ou noir. L'outil générera une palette où toutes les couleurs garantissent une bonne lisibilité du texte.

Que signifient les badges AA et AAA

AA signifie que le contraste satisfait aux exigences minimales d'accessibilité WCAG — le texte est lisible. AAA est le niveau avancé, lisibilité maximale. Si aucun des deux — le texte est difficile à lire sur ce fond.

Comment utiliser le résultat

Copiez les propriétés CSS personnalisées et collez-les dans votre projet. Chaque couleur est déjà vérifiée pour la lisibilité — vous savez sur quelles diapositives utiliser du texte blanc et sur lesquelles du noir.

Questions fréquentes
Pourquoi le texte est-il illisible sur certaines couleurs ?
Les couleurs claires donnent un contraste insuffisant avec le texte blanc, et les foncées avec le texte noir. Dans ces cas, utilisez une couleur de texte différente ou choisissez une autre teinte de fond.
Comment fonctionne la génération de palette ?
L'algorithme distribue uniformément les teintes sur la roue chromatique et sélectionne la luminosité dans une plage garantissant la lisibilité du texte. Chaque clic donne une nouvelle variante aléatoire.
Peut-on modifier des couleurs individuelles ?
Pas encore — mais vous pouvez cliquer sur «Générer la palette» à nouveau pour obtenir une autre variante, ou changer le style.
Pour quels projets cet outil convient-il ?
Pour tout projet : présentations, sites web, applications mobiles, impression, branding. Partout où vous devez créer rapidement une palette de couleurs coordonnée avec la lisibilité du texte en tête.

Autres outils couleur

Pipette couleurChargez une photo et cliquez n'importe où — obtenez HEX, RGB, HSL et le nom Palette depuis une photoExtrayez 5–8 couleurs dominantes de n'importe quelle image Harmonies de couleursComplémentaires, analogues, triadiques et split-complémentaires Variations de couleurPlus clair, foncé, saturé, pâle, chaud, froid Générateur de dégradésCréez de beaux dégradés et copiez le code CSS Contraste WCAGVérification accessibilité AA et AAA — gratuit Simulateur de daltonismeComment les daltoniens voient les couleurs — protanopie, deuteranopie et autres Convertisseur TailwindLa classe Tailwind la plus proche pour n'importe quelle couleur HEX Convertisseur de couleursHEX ↔ RGB ↔ HSL ↔ CMYK instantanément, avec copie du code Couleur par nomTrouvez HEX par nom — «terracotta», «indigo», «azur» Filtre CSS pour SVGRecolorisez des icônes SVG avec n'importe quelle couleur via CSS Palettes de couleursPalettes prêtes par thème — cliquez pour copier le HEX