Ajoutez votre entrée
Une couleur HEX de départ.
Atelier de design
Générateur de palette de couleurs
Explorez des nuances et une couleur complémentaire, puis copiez-les.
Confidentialité intégréeVotre travail reste avec vous
Sélectionnez un échantillon pour copier sa valeur HEX.
Votre travail reste privé dans le navigateur pendant l’utilisation de cet outil.
Que fait générateur de palette de couleurs ?
Transformez une couleur HEX de départ en six tons clairs et foncés mélangés en RGB, plus une couleur complémentaire HSL. Copiez chaque échantillon ou un bloc de sept variables CSS.
- Entrée
- Une couleur HEX de départ.
- Résultat
- Sept échantillons HEX et des variables CSS prêtes à copier.
- Prix
- Gratuit
- Compte
- Non requis
Comment utiliser générateur de palette de couleurs
Choisissez les réglages
Explorez des nuances et une couleur complémentaire, puis copiez-les.
Enregistrez ou copiez
Sept échantillons HEX et des variables CSS prêtes à copier.
Conseil pratique
Choisissez une couleur dominante et réservez les autres aux accents et aux états.
Quand utiliser générateur de palette de couleurs
Préparer une petite échelle de tokens pour un prototype.
Trouver une couleur complémentaire à tester avec une couleur de marque.
Créer rapidement des variantes pour états, bordures et surfaces.
Exemple
Un exemple concret avec générateur de palette de couleurs
- Entrée
- Couleur de base #0EA5E9.
- Résultat
- Sept échantillons allant de tons clairs à foncés, accompagnés d’une couleur complémentaire et de variables --palette-1 à --palette-7.
À quoi s’attendre
Fonctionnement
Trois teintes mélangent les canaux RGB avec le blanc, deux ombres avec le noir et la couleur complémentaire fait pivoter la teinte HSL de 180°. La luminance choisit un texte clair ou foncé.
Avant utilisation
Limites et cas particuliers
- L’interpolation sRGB n’est pas une échelle perceptuellement uniforme comme OKLCH ; l’écart visuel entre tons peut varier.
- Les échantillons ne sont pas automatiquement validés pour contraste, daltonisme, impression ou identité de marque.
Questions fréquentes
Questions sur Générateur de palette de couleurs
générateur de palette de couleurs est-il gratuit ?
Oui. Générateur de palette de couleurs est gratuit.
générateur de palette de couleurs garde-t-il mon travail privé ?
Oui. Votre travail reste privé pendant l’utilisation de l’outil ; rien de ce que vous saisissez n’est envoyé.
Comment la couleur complémentaire est-elle choisie ?
La couleur passe en HSL et sa teinte tourne de 180°, sans changer saturation ni luminosité.
Est-ce une échelle standard comme Tailwind ?
Non. Il s’agit d’un point de départ prévisible à renommer et valider pour votre propre système.