Couleur
Théorie des couleurs, palettes et couleurs de dégradés, avec des codes à copier.
200 guides · 11 thèmes
CouleurThéorie des couleurs : les bases pour non-designers
5 min de lecture
Nul besoin d’école d’art pour bien choisir ses couleurs. Six idées expliquent presque toutes les décisions de couleur, et chacune s’apprend en quelques minutes.
CouleurUtiliser un cercle chromatique pour choisir une palette
5 min de lecture
Le cercle chromatique est le plus vieil outil de la couleur et reste le plus utile. Voici comment le lire, pourquoi le cercle du peintre et celui de l’écran diffèrent, et comment en tirer une palette.
CouleurCouleurs complémentaires : un contraste qui reste équilibré
5 min de lecture
Les couleurs opposées offrent le plus fort contraste possible, et le chemin le plus court vers un design qui vibre ou qui crie. La différence tient à la proportion et à la luminosité.
CouleurCouleurs analogues : la voie simple vers une palette calme
5 min de lecture
Choisissez trois voisines sur le cercle chromatique et vous ne pouvez presque pas vous tromper. Tout l’art est de leur donner assez de contraste pour rester intéressantes, et de savoir quand rompre le calme.
CouleurCouleurs triadiques et palettes complémentaires adjacentes
5 min de lecture
Trois couleurs régulièrement espacées peuvent rendre une palette à la fois audacieuse et équilibrée, ou lui donner l’air d’un coffre à jouets. Tout se joue presque uniquement sur la couleur qui mène.
CouleurPalette monochromatique : une teinte, toute une identité
5 min de lecture
Une seule teinte semble limitante, jusqu’à ce qu’on voie l’étendue qu’elle contient. Bien construite, une couleur unique couvre arrière-plans, texte, boutons et dégradés, et paraît plus distinctive qu’un arc-en-ciel.
CouleurChoisir les couleurs de sa marque : méthode pas à pas
6 min de lecture
Les couleurs d’une marque se choisissent, elles ne se trouvent pas. Une méthode claire mène de la page blanche à une palette distinctive, lisible et encore juste dans deux ans.
CouleurPsychologie des couleurs : le vrai et le mythe
6 min de lecture
Les tableaux qui disent que le rouge donne faim et que le bleu inspire confiance sont partout, et presque toujours trop simples pour servir. Voici un compte rendu plus honnête de ce que fait la couleur, et comment bien l’employer.
CouleurSignification des couleurs selon les cultures
7 min de lecture
Le blanc peut dire mariage ou deuil. Le rouge, danger ou bonne fortune. Si vos designs voyagent, voici ce que portent les couleurs principales selon les lieux, et comment vérifier avant de lancer.
CouleurDégradés violets : palettes, codes et comment les utiliser
6 min de lecture
Le violet est l’une des couleurs de dégradé les plus utilisées du web : un choix sûr, mais où l’on se perd facilement dans la masse. Voici des palettes qui paraissent réfléchies, avec les codes pour les utiliser.
CouleurDégradés bleus : 20 palettes de la glace à minuit
6 min de lecture
Le bleu est la couleur la plus sûre du design, ce qui explique précisément pourquoi tant de dégradés bleus se ressemblent. En voici vingt qui ne se ressemblent pas, du plus clair au plus sombre, avec les codes et la réflexion derrière.
CouleurDégradés roses modernes, loin de l’effet bonbon
6 min de lecture
Le rose peut évoquer une confiserie ou un magazine de mode. La différence tient rarement au rose lui-même, mais à ce que vous mettez à côté. Voici des palettes, des associations et des codes pour un rose actuel.
CouleurDégradés coucher de soleil : palettes orange, corail et crépuscule
6 min de lecture
La plupart des dégradés coucher de soleil ratent au même endroit : au milieu, là où le bleu rencontre l’orange et vire au gris. Un vrai ciel ne fait jamais ça. Voici l’ordre qu’utilise la nature, et dix palettes construites dessus.
CouleurDégradés verts : frais, profonds et électriques
6 min de lecture
Le vert peut être un matin de printemps, un club privé ou un flyer de rave. Voici des dégradés verts pour chacun, avec les codes, et une issue au cliché du vert feuille.
CouleurDégradés noirs : créer avec du presque noir
7 min de lecture
Le noir pur est un trou dans l’écran. Les dégradés noirs qui font haut de gamme sont construits avec des presque noirs qui portent un peu de couleur, et une lumière qui se déplace.
CouleurDégradé rouge : de l’énergie sans l’alerte
6 min de lecture
Le rouge attire l’attention plus vite que n’importe quelle couleur, et c’est justement pour ça qu’il dérape. Comment composer des dégradés rouges vivants, chaleureux et sûrs d’eux, pas criards.
CouleurDes dégradés arc-en-ciel qui ne ressemblent pas à un préréglage
6 min de lecture
L’arc-en-ciel par défaut a une bande jaune criarde et un trou bleu sombre. Corrigez la luminosité, choisissez votre arc, et le spectre devient l’un des outils les plus joyeux à votre disposition.
CouleurContraste des couleurs : un texte lisible pour tous
6 min de lecture
Le contraste, c’est la différence entre des mots que l’on lit et des mots que l’on saute. Les chiffres WCAG en clair, comment les vérifier et ce qui change quand le fond est un dégradé.
CouleurCodes couleur hex, RVB, TSL et OKLCH expliqués
6 min de lecture
#7c3aed, rgb(124 58 237), hsl(262 83% 58%) et oklch(54.1% 0.247 293) sont le même violet. Voici ce que dit vraiment chaque notation, et quand chacune mérite sa place.
CouleurPalette de couleurs à partir d’une image ou d’une photo
5 min de lecture
Une pipette vous donne un pixel. Une palette demande les couleurs dont vous vous souvenez, dans les bonnes proportions. Voici comment passer de l’un à l’autre.
CouleurLa règle des 60 30 10 : doser les couleurs d’un design
6 min de lecture
La plupart des palettes échouent sur les proportions, pas sur le choix des couleurs. Trois chiffres disent quelle part donner à chaque teinte, et ils fonctionnent aussi bien sur un écran de téléphone que dans les salons dont ils viennent.
CouleurCouleurs chaudes et froides : utiliser la température à dessein
6 min de lecture
Chaque couleur a une température, y compris vos gris et vos blancs. Apprenez à la lire et vous pourrez rendre une création plus proche, plus calme ou plus lumineuse sans changer une seule teinte.