ZoutilGénérateur de palette de couleurs
Cinq couleurs qui vont bien ensemble, à partir d'une teinte de base.
Choisir des couleurs qui s'accordent est difficile quand on part d'une page blanche. Cet outil compose une palette de cinq couleurs harmonieuses à partir d'une teinte de base et d'un mode d'accord : analogue (teintes voisines, douces), complémentaire (une couleur et son opposée, pour un contraste net), triadique (trois teintes équilibrées) ou monochrome (une seule teinte déclinée du sombre au clair). Réglez la couleur de base ou régénérez au hasard, puis copiez chaque code hexadécimal d'un clic. Tout est calculé dans votre navigateur, sans inscription.
Comment ça marche
- 01
Choisissez le mode
Analogue, complémentaire, triadique ou monochrome.
- 02
Réglez ou régénérez
Fixez une couleur de base ou tirez-en une au hasard.
- 03
Copiez
Cliquez une couleur pour son code HEX, ou copiez toute la palette.
Questions fréquentes
Que veulent dire analogue, complémentaire, triadique et monochrome ?
Ce sont des accords de couleurs classiques. Analogue prend des teintes voisines sur le cercle chromatique (rendu doux et cohérent). Complémentaire associe une teinte et son opposée (contraste marqué). Triadique répartit trois teintes à égale distance (équilibré et vivant). Monochrome garde une seule teinte et fait varier sa clarté.
Quelle différence avec l'outil Code couleur ?
Le Code couleur convertit une seule couleur entre les notations HEX, RGB et HSL. Ici, on génère un ensemble de cinq couleurs qui s'accordent. Les deux se complètent : récupérez une palette, puis passez au Code couleur pour obtenir les autres notations d'une teinte.
Et avec le générateur de dégradé CSS ?
Le dégradé CSS crée une transition continue entre deux couleurs et vous donne le code linear-gradient à coller. La palette, elle, propose des couleurs distinctes à utiliser séparément (fond, texte, accents), pas une transition.
Les couleurs sont-elles calculées sur un serveur ?
Non, tout se passe dans votre navigateur : rien n'est envoyé ni enregistré.
Continuer dans l'atelier
Générateur de QR code
Un QR personnalisé, à télécharger en PNG ou SVG.
02 · GÉN.Générateur de mot de passe
Créez un mot de passe fort et aléatoire.
03 · GÉN.Générateur de Lorem Ipsum
Du faux texte pour remplir une maquette.
04 · GÉN.Code couleur (HEX, RGB, HSL)
Convertissez une couleur entre HEX, RGB et HSL.
05 · GÉN.Générateur d'UUID
Générez des identifiants uniques UUID v4.
06 · GÉN.Générateur de pseudo
Des idées de pseudonymes originaux.
07 · GÉN.Générateur de nom
Des idées de noms de marque, d'entreprise, de projet ou de personnage.
09 · GÉN.Nombre aléatoire
Tirez des nombres au hasard entre deux bornes.
10 · GÉN.Dégradé CSS
Générez un linear-gradient avec aperçu.