À propos Générateur d’échelle
Toute couleur → échelle 50–950 et export CSS
Utilisation
Transformez une couleur de base en échelle complète de 50 à 950 avec un CSS et un rendu Tailwind prêts à coller.
Limites
Les paliers utilisent des intervalles de clarté fixes ; les bases très saturées sont écrêtées aux extrémités.
Générateur d’échelle
Pourquoi une échelle 50–950
Une échelle donne à une teinte assez de paliers pour les surfaces, bordures, textes et états. Le palier 50 est la teinte la plus claire, 950 la plus profonde, et 500 porte généralement la couleur de marque.
Des paliers réguliers facilitent la maintenance : l’écart entre deux valeurs voisines reste prévisible sur tous les écrans.
Comment les paliers sont construits
Chaque palier vise une luminosité en OKLCH, pour que la rampe reste perceptivement régulière au lieu de s’effondrer dans les ombres. La chroma baisse aux deux extrémités afin de garder les teintes claires nettes et les foncées riches.
Questions fréquentes
Pourquoi le palier 500 n’est-il pas exactement ma couleur ?
Puis-je utiliser le CSS exporté directement ?
Cela fonctionne-t-il pour les gris ?
Courbe de contraste d’une échelle
Avec « 藍 #104E8B » : les onze paliers de 50 à 950 mesurés face à du texte blanc et noir. Le vert signale 4,5:1 ou mieux — le texte courant peut s’y poser.