Générateur de teintes et de tons de couleur

Générateur de teintes et de tons

Sélectionnez une couleur hexadécimale ou RGB et obtenez instantanément 10 teintes (votre couleur mélangée vers le blanc) et 10 tons (mélangée vers le noir) sous forme de vignettes visuelles. Cliquez sur n'importe quelle vignette pour copier son code hexadécimal, ou exportez l'ensemble sous forme de propriétés CSS, de variables SCSS, de JSON ou d'une liste hexadécimale simple.

Comment utiliser

1. Sélectionnez une couleur de base avec le sélecteur de couleur, ou collez une valeur hexadécimale (3 ou 6 chiffres) dans le champ Hex.
2. Optionnel : modifiez le nom de la variable (utilisé dans les clés de CSS/SCSS/JSON exportées).
3. Choisissez une méthode de mélange. OKLCH donne le gradient le plus fluide, HSL est l'approche classique du web, et RGB est le mélange linéaire le plus simple.
4. Choisissez un format d'exportation. L'exportation se met à jour en temps réel lorsque vous changez tout.
5. Cliquez sur n'importe quelle vignette pour copier son code hexadécimal, ou utilisez les boutons Copier / Télécharger dans le panneau de code d'exportation.

Caractéristiques

• 10 teintes + 10 tons – deux bandes de vignettes à des intervalles de 10%, allant d'un mélange subtil de 10% à un mélange presque pur de 100%.
• Trois méthodes de mélange – OKLCH pour des étapes uniformes perçues, HSL pour des changements de luminosité conservant la teinte, ou RGB direct.
• Vignettes cliquables – chaque cellule affiche son code hexadécimal et le copie dans le presse-papier avec un simple clic.
• Plusieurs formats d'exportation – propriétés CSS, variables SCSS, palette JSON ou une liste hexadécimale lisible.
• Prévisualisation en temps réel – chaque modification de la couleur, du nom, de la méthode ou du format redessine immédiatement les vignettes et le code.
• Télécharger l'exportation – enregistrez la palette générée dans un fichier avec l'extension appropriée pour votre format.