Générateur de palette de couleurs
Générez des nuances, des teintes et des couleurs harmonieuses à partir d'une couleur HEX de base, chacune avec une valeur HEX copiable.
Générateur de palette de couleurs — Saisissez une seule couleur de base en HEX et obtenez instantanément une palette complète autour d'elle — teintes plus claires, nuances plus foncées, couleur complémentaire ainsi qu'un ensemble analogue et triadique. Chaque échantillon affiche sa valeur HEX avec un bouton de copie en un clic. Tout s'exécute entièrement dans votre navigateur ; aucune couleur n'est jamais envoyée à un serveur.
Qu'est-ce que Générateur de palette de couleurs ?
Le Générateur de palette de couleurs est un créateur de schémas chromatiques en ligne gratuit pour les designers et les développeurs front-end qui ont besoin de construire une palette complète autour d'une seule couleur de base. Saisissez une couleur HEX et il en dérive instantanément des teintes plus claires, des nuances plus foncées, la couleur complémentaire ainsi que des harmonies analogues et triadiques grâce au calcul colorimétrique HSL — chaque échantillon est affiché avec sa valeur HEX et un bouton de copie en un clic. Utilisez-le pour choisir des couleurs d'interface, construire une gamme de nuances et teintes, ou trouver des couleurs d'accentuation assorties à une marque. C'est un générateur de palette HEX, un créateur de gamme de nuances/teintes et un chercheur de couleurs complémentaires réunis en un.
Comment utiliser Générateur de palette de couleurs
- Saisissez une couleur de base dans le champ Couleur de base (HEX) au format #rrggbb ou #rgb, ou cliquez sur le grand échantillon du sélecteur de couleur pour la choisir visuellement.
- Réglez Nuances par côté sur 2, 3 ou 4 pour contrôler le nombre de teintes plus claires et de nuances plus foncées générées de chaque côté de la couleur de base.
- Consultez la section Nuances et teintes : les teintes plus claires apparaissent au-dessus de la couleur de base et les nuances plus foncées en dessous, chacune étiquetée (Lighter N / Base / Darker N) et affichée avec sa valeur HEX.
- Consultez la section Couleurs harmonieuses pour la couleur complémentaire, les couleurs analogues (+30deg / -30deg) et les couleurs triadiques (+120deg / -120deg).
- Cliquez sur le bouton de copie à côté de n'importe quel échantillon (ou à côté du champ de base) pour copier cette valeur HEX dans votre presse-papiers.
Exemples
Couleur complémentaire du rouge pur
Entrée
#ff0000
Sortie
#00ffff
Couleur triadique du rouge pur
Entrée
#ff0000
Sortie
#00ff00
Construire une gamme de nuances de marque
Saisissez le bleu de votre marque (par ex. #4f86f7) et réglez Nuances par côté sur 4 pour obtenir quatre teintes plus claires au-dessus et quatre nuances plus foncées en dessous de la couleur de base, ce qui vous donne une gamme de 9 niveaux que vous pouvez copier couleur par couleur dans vos tokens de design.
Questions fréquentes
- Quels formats de couleur puis-je saisir ?
- La couleur de base se saisit sous forme de valeur HEX au format #rrggbb (six chiffres) ou en abrégé #rgb (trois chiffres). Si la valeur n'est pas une couleur HEX valide, le message 'Invalid HEX color' apparaît et aucune palette n'est générée. Tous les échantillons de sortie sont affichés au format HEX #rrggbb.
- Combien de nuances et de teintes génère-t-il ?
- Vous choisissez 2, 3 ou 4 nuances par côté. L'outil produit autant de teintes plus claires (interpolées vers le blanc) et autant de nuances plus foncées (interpolées vers le noir), plus la couleur de base au milieu.
- Quelles couleurs harmonieuses sont incluses ?
- Il produit la couleur complémentaire (teinte tournée de 180deg), deux couleurs analogues (+30deg et -30deg) et deux couleurs triadiques (+120deg et -120deg), toutes calculées en faisant tourner la teinte de la couleur de base en HSL.
- Puis-je choisir une couleur visuellement au lieu de saisir le HEX ?
- Oui. Cliquez sur le grand échantillon doté du sélecteur de couleur intégré pour choisir une couleur ; le champ HEX se met à jour automatiquement, et la palette se recalcule instantanément à mesure que vous la modifiez.
- Mes données de couleur sont-elles téléchargées quelque part ?
- Non. Tout s'exécute entièrement dans votre navigateur à l'aide d'un calcul colorimétrique local — aucune valeur de couleur n'est jamais envoyée à un serveur, l'outil fonctionne donc hors ligne et garde votre palette privée.
Outils connexes
Encoder / décoder Base32 / Base58
Encode du texte en Base32 (RFC 4648) ou Base58 (l'alphabet Bitcoin) et décode l'un comme l'autre vers du texte, entièrement compatible UTF-8 et directement dans ton navigateur.
Encoder / décoder en Base64
Encodez du texte en Base64 ou décodez du Base64 en texte (compatible UTF-8).
Convertisseur de casse et compteur
Modifiez la casse du texte et comptez les caractères, les mots et les lignes.
Formateur et minificateur de code
Embellissez ou minifiez HTML, CSS et JavaScript instantanément dans votre navigateur, avec une indentation de 2 espaces, 4 espaces ou tabulation et une compression JavaScript propulsée par Terser.