Générateur de couleurs

Qu'est-ce qu'un générateur de couleurs ?

Un générateur de couleurs crée des couleurs aléatoires et affiche leurs codes, pour que tu puisses les utiliser tout de suite. C'est une source d'inspiration rapide quand tu conçois un site web, un logo, une présentation, une pièce ou une œuvre et que tu ne sais pas par où commencer. Génère une couleur ou toute une palette, garde celles qui te plaisent et recommence.

Comment l'utiliser

1. Couleurs : choisis une couleur, une palette de 5 couleurs ou 10 couleurs.
2. Style : choisis le genre de couleurs que tu veux (voir plus bas).
3. Clique sur Générer des couleurs. Chaque pastille affiche ses codes HEX, RGB et HSL.
4. Clique sur Copier sous une pastille pour copier son code HEX, prêt à coller dans le CSS, Figma, Canva, PowerPoint ou une autre appli de design.

Plein écran : clique sur Plein écran en haut de l'outil pour afficher la palette en grand, pratique quand tu présentes des idées de couleurs à un client ou à une classe. Appuie sur Échap pour revenir. Dans 🎨 Couleurs et effets, tu peux choisir tes propres couleurs de fond et de boutons.

Les quatre styles

• Harmonieuse : une teinte aléatoire avec une saturation moyenne à élevée et une luminosité moyenne. Les couleurs obtenues sont généralement harmonieuses et s’accordent bien entre elles. C’est un bon point de départ.
• Pastel : couleurs douces et claires, idéales pour les fonds, les faire-part de naissance ou de mariage et les interfaces apaisantes.
• Sombre : tons profonds et feutrés, utiles pour les fonds en mode sombre, les en-têtes et les designs d'ambiance.
• N’importe quelle couleur : choisit l’une des 16 777 216 couleurs RGB avec la même probabilité. Le résultat est vraiment aléatoire : tu obtiendras donc beaucoup de bruns, de gris et de teintes ternes, mais aussi parfois une couleur éclatante.

HEX, RGB et HSL expliqués

• HEX (par exemple #4F46E5) est la façon la plus courante d'écrire une couleur sur le web. Les trois paires de caractères sont les quantités de rouge, de vert et de bleu, chacune de 00 à FF.
• RGB (par exemple rgb(79, 70, 229)) donne les mêmes quantités de rouge, de vert et de bleu sous forme de nombres de 0 à 255.
• HSL (par exemple hsl(243, 75%, 59%)) décrit une couleur comme on la pense : la teinte (sa place sur le cercle chromatique, de 0 à 360°), la saturation (son intensité) et la luminosité (sa clarté). C'est le format le plus simple pour ajuster une couleur à la main, par exemple pour une variante plus claire au survol.

Quand utiliser des couleurs aléatoires ?

• Design web et d'applis : trouve une couleur d'accent ou une palette de départ, puis affine-la.
• Art et illustration : lance-toi le défi de peindre ou de dessiner uniquement avec la palette tirée au sort.
• Identité visuelle et présentations : explore rapidement des pistes de couleurs avant de fixer celles de ta marque.
• Jeux et école : attribue des couleurs aléatoires aux équipes ou joue à « comment s'appelle cette couleur ? ».
• Maison et loisirs créatifs : trouve des idées pour le tricot, le patchwork ou les associations de couleurs dans une pièce.

Conseils pour utiliser une palette

• Beaucoup de designers appliquent la règle 60-30-10 : une couleur principale pour environ 60 % du design, une deuxième pour 30 % et une couleur d'accent pour les 10 % restants.
• Vérifie toujours le contraste du texte. Un texte foncé sur des pastels et un texte blanc sur des couleurs sombres se lisent généralement bien.
• Copie les couleurs qui te plaisent avant de cliquer à nouveau sur « Générer des couleurs », car une nouvelle palette les remplace toutes.

Besoin d'une lettre ou d'un nombre au hasard ? Essaie le générateur de lettres ou le générateur de nombres.