Générateur de nuances de couleurs
Teintes et nuances de n'importe quelle couleur.
Jetons fixes 50–950 ; 50 est le plus clair, 950 le plus foncé et 500 correspond exactement à la couleur saisie.
Proportions UI ? Calculateur de rapport hauteur/largeur · harmonies : Générateur de palette de couleurs · WCAG : Vérificateur de contraste de couleurs.
Construire une palette de couleurs
Générez une gamme perceptuelle fixe 50–950 pour un système de design ou des pas personnalisés de teinte claire/foncée, puis copiez les propriétés personnalisées CSS ou téléchargez le JSON.
FAQ
Qu'est-ce qu'une teinte et une nuance ?
Une teinte claire est une variation plus claire, tandis qu’une nuance foncée est une variation plus sombre. Cet outil ajuste la luminosité et le chroma perceptuels OKLCH au lieu d’interpoler les canaux sRGB encodés.
Comment copier une couleur ?
Cliquez sur n’importe quel échantillon pour copier sa valeur HEX. Utilisez Copier les variables CSS ou Télécharger JSON pour exporter l’échelle complète.
À quoi cela est-il utile ?
Création de palettes de couleurs et d’échelles de système de design à partir d’une seule couleur de marque — exportez-les comme propriétés personnalisées CSS ou tokens de style Tailwind.
Dernière mise à jour: