Générateur de teintes et nuances
Une couleur en entrée. Une échelle tonale complète en sortie. Interpolée perceptuellement, pour que la bande conserve la même teinte d'un bout à l'autre.
Échelle tonale
Nuances (plus claires)
Teintes (plus sombres)
Nuances, teintes et tons
- Nuance — couleur de base + blanc. Plus claire, souvent légèrement moins saturée. Utile pour les fonds au survol, les états désactivés et les surfaces de niveau « subtil ».
- Teinte — couleur de base + noir. Plus sombre, souvent visuellement plus saturée. Utile pour les états au survol sur fonds clairs, les boutons pressés et le texte à fort accent.
- Ton — couleur de base + gris. Même luminosité, moins saturée. Non généré ici ; utile surtout pour les états d'UI « atténués ».
L'interpolation se fait dans l'espace OKLab plutôt que RGB, donc la teinte reste perceptuellement constante sur toute la bande — un bleu reste un bleu reconnaissable tout au long de ses nuances, au lieu de dériver par des demi-tons rosés comme le font les échelles interpolées en RGB.