Harmonie des couleurs : cercle chromatique, accords et palettes pour votre site

Imaginez deux sites qui vendent la même offre, au même prix. Le premier ? Un orange criard qui se bat avec un vert acide, des boutons noyés dans le décor, du texte gris clair qui fatigue les yeux. Le second ? Un bleu profond qui rassure, une seule couleur vive posée sur le bouton « Demander un devis », et tout se lit sans effort. Le visiteur n’a pas encore lu une ligne qu’il a déjà choisi. Cette différence porte un nom : l’harmonie des couleurs.

Bien associer ses couleurs n’est pas une question de goût, ou pas seulement. Depuis Newton, peintres, designers et scientifiques ont posé des règles simples, presque toutes construites autour d’un même outil : le cercle chromatique. Ce guide vous apprend à le lire, à trouver une couleur complémentaire et à utiliser les grands accords de couleurs. Surtout, il vous aide à construire la palette de couleurs de votre site sans sacrifier l’accessibilité. Un outil interactif et des palettes par métier sont là pour passer de la théorie à la pratique.

Qu’est-ce que l’harmonie des couleurs ?

L’harmonie des couleurs est la façon d’associer plusieurs teintes pour obtenir un ensemble équilibré, agréable à regarder et cohérent avec le message que l’on veut transmettre. Elle repose sur les relations entre les couleurs : leur position sur le cercle chromatique, leur luminosité, leur saturation et la surface qu’elles occupent.

Le « bon goût » change avec les époques, les cultures et les modes. Certaines associations fonctionnent pourtant presque toujours, parce qu’elles s’appuient sur la façon dont notre œil perçoit les contrastes. Le chimiste Michel-Eugène Chevreul l’a démontré dès 1839 avec sa loi du contraste simultané : une couleur change d’apparence selon ses voisines. Posez un même gris à côté d’un bleu, puis d’un orange. Il paraîtra plus chaud dans le premier cas, plus froid dans le second.

Sur un site, l’harmonie des couleurs remplit trois missions très concrètes :

• Exprimer une identité : un cabinet d’avocats, une pizzeria et une start-up n’ont pas besoin des mêmes émotions.
• Guider le regard : la couleur hiérarchise l’information et désigne ce qui est cliquable.
• Garantir la lisibilité : une palette harmonieuse mais illisible fait fuir les visiteurs, et ne respecte pas les règles d’accessibilité.

Les bases : comment la couleur est produite

Pas de couleur sans lumière. Notre œil capte certaines longueurs d’onde, et notre cerveau les traduit en couleurs. Selon le support, on fabrique ces couleurs de deux manières opposées.

La synthèse additive : les couleurs de l’écran

La synthèse additive combine des sources de lumière colorée. Ses trois couleurs primaires sont le rouge, le vert et le bleu (RVB, ou RGB en anglais). Additionnées à pleine intensité, elles donnent du blanc ; leur absence donne du noir. C’est le principe de tous les écrans : ordinateurs, smartphones, téléviseurs. Un site web se conçoit donc toujours en RVB, que l’on note en CSS sous forme hexadécimale (#1F2A44), en rgb(), en hsl() ou, depuis peu, en oklch().

La synthèse soustractive : les couleurs de l’impression

La synthèse soustractive fonctionne à l’inverse : chaque encre ou pigment absorbe une partie de la lumière. Ses primaires sont le cyan, le magenta et le jaune. Superposées, elles tendent vers le noir. En imprimerie, on ajoute une encre noire pour obtenir un noir profond et économiser les encres de couleur : c’est le CMJN (CMYK en anglais).

En pratique, la couleur de votre logo fournie à l’imprimeur en CMJN doit être convertie en RVB pour le site, et inversement. Attention aux teintes très vives de l’écran : un cyan électrique, par exemple, ne sortira jamais aussi lumineux sur papier.

Le cercle chromatique : mode d’emploi

Un cercle chromatique (ou roue chromatique) est une représentation circulaire des couleurs, rangées dans l’ordre de l’arc-en-ciel. Le cercle se referme en passant du violet au rouge par le magenta, une teinte qui n’existe pas dans le spectre de la lumière.

L’idée remonte à Isaac Newton, qui dessine le premier cercle des couleurs dans son traité Opticks en 1704. Goethe en propose une version plus sensible dans son Traité des couleurs (1810). Au XX^e siècle, le peintre Johannes Itten, professeur au Bauhaus, popularise le cercle à douze teintes encore enseigné dans les écoles d’art, notamment dans L’Art de la couleur (1961).

Le cercle chromatique a des propriétés très utiles :

• les trois couleurs primaires sont espacées de 120° ;
• les couleurs secondaires s’intercalent entre elles, elles aussi à 120° les unes des autres ;
• la couleur complémentaire d’une teinte se trouve exactement en face, à 180° ;
• les couleurs voisines, dites analogues, s’accordent naturellement.

Cercle du peintre ou cercle de l’écran ?

Il existe en réalité deux cercles chromatiques courants, et c’est la source de nombreuses confusions. Le cercle du peintre, dit RJB, repose sur le rouge, le jaune et le bleu : c’est celui d’Itten et des cours de dessin. Le cercle de l’écran, ou cercle RVB, repose sur le rouge, le vert et le bleu : c’est celui des logiciels de graphisme, de Figma, d’Adobe Color et du CSS.

Dans le premier, le complémentaire du rouge est le vert ; dans le second, c’est le cyan. Les deux ont raison : ils décrivent deux systèmes de mélange différents. Pour un site web, notre conseil est simple : travaillez avec le cercle RVB, celui de vos outils. Gardez le cercle du peintre pour la décoration, la peinture et l’imprimé.

Couleurs primaires, secondaires et tertiaires

Les couleurs primaires sont celles dont le mélange permet d’obtenir toutes les autres : rouge, vert et bleu pour l’écran ; cyan, magenta et jaune pour l’impression ; rouge, jaune et bleu dans la tradition picturale.

Les couleurs secondaires naissent du mélange à parts égales de deux primaires. Sur le cercle de l’écran, ce sont le jaune (rouge + vert), le cyan (vert + bleu) et le magenta (bleu + rouge). Fait remarquable, les secondaires de l’écran sont les primaires de l’imprimerie, et inversement.

Les couleurs tertiaires mélangent une primaire et une secondaire voisine. On en compte six : orange, vert chartreuse, vert printemps, azur, violet et rose. Primaires, secondaires et tertiaires forment ensemble le cercle à douze teintes utilisé dans la suite de ce guide.

Teinte, saturation et luminosité

Une couleur ne se résume pas à sa position sur le cercle. Trois paramètres la décrivent complètement :

• la teinte : la famille de couleur (rouge, bleu, vert…), exprimée en degrés de 0 à 360 sur le cercle ;
• la saturation : la pureté de la couleur, de vive à grisée ;
• la luminosité (ou valeur) : de très sombre à très claire.

C’est le principe des modèles TSV et TSL (HSV et HSL en anglais), présents dans tous les sélecteurs de couleurs. Le CSS moderne propose aussi oklch(), pris en charge par tous les navigateurs récents. Son avantage : à luminosité égale, deux teintes paraissent vraiment aussi claires l’une que l’autre, ce qui facilite la création de nuances cohérentes. Retenez enfin que les couleurs pures n’ont pas la même clarté : le jaune est naturellement le plus lumineux, le bleu et le violet les plus sombres.

On appelle ton la variation d’une teinte vers le clair, le foncé ou le gris. Les différents tons d’une même teinte forment un camaïeu, base de l’accord monochromatique.

Couleurs chaudes et couleurs froides

Le cercle se partage en deux familles. Les couleurs chaudes (rouge, orange, jaune) évoquent l’énergie, la proximité, l’appétit. Les couleurs froides (vert, bleu, violet) suggèrent le calme, la distance, la fiabilité. Cette « température » pèse lourd dans le choix d’une palette. Un rouge vif sur un site de thalassothérapie qui promet le repos ? Contre-productif. Sur une enseigne de restauration rapide, il fait exactement le travail attendu.

Les couleurs complémentaires : trouver la couleur opposée

Deux couleurs sont complémentaires lorsqu’elles se font face sur le cercle chromatique. Mélangées, elles s’annulent en gris. Juxtaposées, elles se renforcent l’une l’autre et produisent le contraste de teinte le plus fort qui soit. C’est tout le secret d’un bouton orange sur une page bleue : impossible de ne pas le voir.

Pour trouver la couleur complémentaire d’une teinte à l’écran, il suffit d’ajouter 180° à sa teinte en TSL : le complémentaire d’un orange à 30° est un azur à 210°. Voici les paires du cercle de l’écran, avec leur équivalent dans le cercle du peintre :

Attention : des complémentaires purs, utilisés tels quels, fatiguent vite l’œil. On les emploie donc rarement à pleine saturation et sur des surfaces égales. L’une domine, souvent adoucie ; l’autre sert d’accent. Et une règle que nous appliquons sans exception : jamais de texte posé sur sa couleur complémentaire, car le contour des lettres semble vibrer.

Les 9 accords de couleurs à connaître

Les accords de couleurs, ou associations de couleurs, sont des combinaisons géométriques sur le cercle chromatique. Ils donnent en quelques secondes une palette cohérente. Pour chacun, nous indiquons l’effet obtenu, son usage sur un site et un exemple construit à partir d’un même orange terracotta (#E05429). Les noms anglais entre parenthèses sont ceux que vous retrouverez dans les outils comme Adobe Color.

Dans chaque accord, on distingue la couleur dominante, qui couvre la plus grande surface, souvent adoucie, et la couleur tonique, pure et saturée, réservée aux petites zones à mettre en valeur.

1. L’accord monochromatique (Monochromatic)

Une seule teinte, déclinée en tons plus clairs, plus foncés ou plus grisés. C’est l’accord le plus sûr : élégant, sobre, quasiment impossible à rater. Il va bien aux marques premium et aux interfaces très épurées. Son piège, c’est la monotonie. Prévoyez toujours une couleur d’accent distincte pour les boutons, sinon plus rien ne ressort.

Exemple d’accord monochromatique à partir de #E05429

2. L’accord analogue (Analogous)

Deux ou trois teintes voisines sur le cercle. La nature en regorge (un coucher de soleil, un sous-bois), d’où son côté apaisant. Bien-être, alimentation, tourisme : c’est un excellent choix. Seul écueil, ces couleurs se ressemblent. Jouez donc sur la luminosité pour garder une hiérarchie lisible.

Exemple d’accord analogue autour de #E05429

3. L’accord complémentaire (Complementary)

Deux teintes opposées sur le cercle. Le contraste est maximal et dynamique : parfait pour faire ressortir un appel à l’action. Laissez nettement dominer l’une des deux couleurs et réservez l’autre aux éléments clés.

Exemple d’accord complémentaire à partir de #E05429

4. Les complémentaires adjacentes (Split complementary)

Une teinte, plus les deux voisines de sa complémentaire : on obtient un triangle isocèle sur le cercle. Le contraste reste fort, la tension en moins. Si vous débutez, c’est l’accord que nous recommandons en premier : riche, mais indulgent avec les erreurs. La couleur placée au sommet du triangle fait une excellente tonique.

Exemple de complémentaires adjacentes à partir de #E05429

5. L’accord triadique (Triadic)

Trois teintes espacées de 120°, en triangle équilatéral. Le résultat est vivant, joyeux, même avec des couleurs adoucies. Marques jeunes, sites pour enfants, événementiel : il y est à sa place. Pour qu’il reste harmonieux, une couleur doit clairement dominer ; les deux autres restent en retrait.

Exemple d’accord triadique à partir de #E05429

6. L’accord analogue + complémentaire (Analogous + complement)

Deux teintes voisines, auxquelles on ajoute la complémentaire de l’une d’elles. On obtient la douceur de l’accord analogue avec une pointe de contraste. La complémentaire joue naturellement le rôle de couleur tonique.

Exemple d’accord analogue + complémentaire à partir de #E05429

7. L’accord tétradique en rectangle (Tetradic)

Quatre teintes formant un rectangle, soit deux paires de complémentaires. Il offre beaucoup de possibilités mais demande de la maîtrise : choisissez une dominante, adoucissez les autres et utilisez la complémentaire de la dominante comme tonique.

Exemple d’accord tétradique à partir de #E05429

8. L’accord en carré (Square)

Quatre teintes espacées de 90°. Sur le papier, l’équilibre est parfait. À l’écran, l’ensemble devient vite chargé. Nous le réservons aux illustrations, aux graphiques et aux interfaces où chaque catégorie a besoin de sa propre couleur.

Exemple d’accord en carré à partir de #E05429

9. L’accord analogue triple + complémentaire

Trois teintes voisines et la complémentaire de la teinte centrale. C’est une version enrichie de l’accord analogue, très utilisée en illustration. Sur un site, gardez-le pour les visuels et appliquez une palette plus resserrée à l’interface.

Exemple d’accord analogue triple + complémentaire à partir de #E05429

Et la zone d’influence d’une primaire ?

Plus rare, cet accord réunit une couleur primaire et les trois teintes voisines de chaque côté, soit sept couleurs. On le rencontre surtout en décoration et en architecture. En design web, quatre teintes sont déjà un maximum : retenez-en plutôt le principe d’une palette organisée autour d’une couleur reine.

Outil : le cercle chromatique interactif

Choisissez une couleur de départ, puis un accord : l’outil calcule les couleurs qui s’harmonisent et affiche leur code hexadécimal, prêt à copier dans votre feuille de style ou votre logiciel de design. Cliquez sur une pastille pour copier son code.

Dominante, secondaire, accent : la règle 60-30-10

Connaître les accords, c'est bien. Savoir doser les couleurs, c'est mieux. La règle 60-30-10, héritée de la décoration d'intérieur, fonctionne remarquablement bien sur le web :

• 60 % : la couleur dominante. Le plus souvent un neutre (blanc cassé, gris très clair, beige) pour les fonds. Elle laisse respirer le contenu.
• 30 % : la couleur principale de la marque. En-tête, pied de page, titres, grands blocs, icônes. C'est elle qui porte l'identité.
• 10 % : la couleur d'accent. Réservée aux boutons, liens importants et alertes. Plus elle est rare, plus elle attire l'œil.

À ces trois rôles s'ajoutent une couleur de texte (rarement un noir pur ; plutôt un gris très foncé ou un bleu nuit) et quelques couleurs d'état : vert pour la réussite, rouge pour l'erreur, orange pour l'avertissement. Mais la règle qui compte le plus, c'est la constance. Si l'accent orange veut dire « cliquez ici », il ne doit jamais servir à décorer.

Sur une page de conversion, la couleur sert surtout à guider l'œil vers l'action : voyez comment construire une landing page B2B qui convertit.

Votre palette actuelle ne reflète plus l'image de votre entreprise ? Découvrez notre accompagnement en refonte de site internet

Contraste et accessibilité : les règles à respecter

Une palette peut être parfaitement harmonieuse… et illisible. Or la lisibilité n'est plus facultative. Les règles internationales d'accessibilité du web, les WCAG 2.2 publiées par le W3C, fixent des seuils précis. Dans l'Union européenne, l'Acte européen sur l'accessibilité oblige depuis le 28 juin 2025 la plupart des sites marchands et des services en ligne à respecter la norme EN 301 549, qui reprend ces critères. Seules les microentreprises de services y échappent.

Les seuils de contraste WCAG

Le rapport de contraste va de 1:1 (aucune différence) à 21:1 (noir sur blanc). Et tout se joue parfois à un cheveu : le gris #777777 sur fond blanc obtient 4,48:1 et échoue, alors que le #767676, à peine plus foncé, atteint 4,54:1 et passe. Voyez la différence :

Ne jamais transmettre une information par la seule couleur

Le daltonisme concerne environ 8 % des hommes et 0,5 % des femmes. Sa forme la plus fréquente confond le rouge et le vert. Un formulaire qui signale les erreurs uniquement en rouge et les réussites uniquement en vert devient alors incompréhensible. Voici comment une personne atteinte de deutéranopie perçoit deux couleurs d'état très courantes :

Le vert #2E7D32 et le rouge #C62828 deviennent deux bruns presque identiques (simulation selon le modèle de Machado, 2009).

La parade est simple : doublez toujours la couleur d'une icône, d'un mot ou d'un motif (une croix et le mot « Erreur », une coche et « Envoyé »). Soulignez aussi les liens dans les paragraphes. Et pour vérifier, nul besoin d'outil payant : les outils de développement de Chrome et de Firefox simulent les différents types de daltonisme sur n'importe quelle page.

La psychologie des couleurs : ce qu'elles évoquent

Les couleurs n'ont pas de signification universelle : elles dépendent de la culture, du contexte et de l'expérience de chacun. Le blanc évoque la pureté en Europe, mais il est associé au deuil dans plusieurs pays d'Asie ; le rouge signale le danger en Occident et porte bonheur en Chine. Certaines associations restent toutefois assez stables dans les pays francophones :

Ces associations restent des tendances, pas des lois. Ce qui compte vraiment, c'est la cohérence entre la palette, le positionnement et le public. Pensez aussi à vous démarquer : si tous les cabinets de votre ville sont bleu marine, un vert profond peut devenir votre meilleur atout de mémorisation.

Exemples de palettes de couleurs par secteur

Voici huit palettes prêtes à l'emploi, construites selon la règle 60-30-10. Pour chacune, le contraste entre le texte et le fond, et entre le texte du bouton et la couleur d'accent, respecte le niveau AA des WCAG : nous les avons vérifiés un par un. Utilisez-les comme point de départ, puis ajustez-les à votre logo.

Partir d'une image ou d'un logo

Le cercle chromatique n'est pas la seule porte d'entrée. Vous avez déjà un logo, une photo forte ou une ambiance de marque ? Partez-en. La nature et la photographie offrent des harmonies toutes faites, souvent plus subtiles qu'un calcul géométrique.

Deux méthodes : prélever vous-même les teintes à la pipette dans votre logiciel, ou confier l'image à un outil comme Adobe Color, qui en tire automatiquement une palette de cinq couleurs. Dans les deux cas, vérifiez les contrastes ensuite : une palette extraite d'une photo est rarement accessible telle quelle.

Créer la palette de votre site en 7 étapes

1. Partez de votre identité : votre logo, vos valeurs, votre public. Notez trois adjectifs que la palette doit évoquer (rassurant, chaleureux, innovant…).
2. Choisissez la couleur principale, celle qui portera la marque sur 30 % de l'interface. Si votre logo a une couleur forte, partez d'elle.
3. Déduisez un accord sur le cercle chromatique pour trouver une couleur secondaire et une couleur d'accent : les complémentaires adjacentes sont un excellent point de départ.
4. Ajoutez les neutres : un fond clair légèrement teinté, un gris très foncé pour le texte et deux ou trois gris intermédiaires pour les bordures.
5. Déclinez chaque couleur en une gamme de tons, du très clair au très foncé, pour les survols, les fonds de blocs et les états.
6. Vérifiez tous les contrastes texte et fond, bouton et texte du bouton, et simulez le daltonisme.
7. Documentez et codez la palette sous forme de variables CSS, sans oublier une version pour le mode sombre.

Déclarer vos couleurs en variables CSS rend la palette cohérente sur tout le site et facilite les évolutions, y compris le passage au mode sombre :

:root {
  --couleur-fond: #F7F5F0;
  --couleur-texte: #1F2433;
  --couleur-principale: #1F2A44;
  --couleur-accent: #8C2F39;
}
@media (prefers-color-scheme: dark) {
  :root {
    --couleur-fond: #14161D;
    --couleur-texte: #E8E6E1;
  }
}

En mode sombre, évitez le noir pur et le blanc pur, qui fatiguent les yeux. Désaturez légèrement les couleurs vives et refaites tous les tests de contraste : une palette conforme en clair ne l'est pas forcément en sombre. Enfin, regroupez ces choix dans une charte graphique d'une ou deux pages. Ce petit document vous fera gagner un temps précieux avec votre agence, vos rédacteurs et vos futurs prestataires. Si vous changez d'identité, lisez aussi notre article sur l'ordre à suivre entre refonte de marque et refonte de site.

Les meilleurs outils gratuits pour créer une palette

Tendances couleurs 2026 : ce qu'il faut en retenir

Pour 2026, Pantone a désigné comme couleur de l'année Cloud Dancer (PANTONE 11-4201), un blanc légèrement cassé : c'est la première fois qu'un blanc reçoit ce titre. Le cabinet de tendances WGSN et Coloro ont de leur côté retenu le Transformative Teal, un bleu-vert profond. Ces choix confirment une envie de calme, d'espace et de neutres chaleureux, déjà visible sur de nombreux sites.

Faut-il suivre ces tendances ? Pour une campagne, un visuel saisonnier ou une boutique de mode, oui. Pour l'identité d'une entreprise, nous répondons non : une palette doit tenir plusieurs années. Inspirez-vous plutôt de l'esprit du moment, comme les fonds blanc cassé et les accents plus sourds, sans renier votre identité. Pour aller plus loin, consultez notre sélection des tendances web design à suivre.

Les erreurs de couleurs les plus fréquentes sur un site

• Trop de couleurs : au-delà de trois ou quatre teintes en plus des neutres, l'œil ne sait plus où se poser.
• Un accent utilisé partout : si tout est mis en valeur, plus rien ne l'est.
• Du texte gris clair sur fond blanc, à la mode mais souvent sous le seuil de 4,5:1.
• Des couleurs complémentaires pures côte à côte sur de grandes surfaces, qui fatiguent l'œil.
• Une information transmise par la couleur seule, comme des champs d'erreur seulement colorés en rouge.
• Des couleurs incohérentes entre le site, les réseaux sociaux et les documents imprimés.
• Des liens qui ne ressemblent pas à des liens, sans soulignement ni couleur distincte.

Des couleurs mal choisies font partie des erreurs qui font fuir les visiteurs, avec la lenteur et les menus confus.

Conclusion : l'harmonie au service du message

L'harmonie des couleurs n'a rien d'un don ni d'un mystère. Un cercle chromatique, quelques accords éprouvés, la règle 60-30-10 : avec ces trois outils, n'importe qui peut construire une palette cohérente. Un site réussi va pourtant plus loin qu'une jolie combinaison. Ses couleurs transmettent une identité, guident le regard vers l'essentiel et restent lisibles par tous, sur tous les écrans. Notre dernier conseil : testez votre palette en situation réelle, sur un vrai téléphone, et vérifiez ses contrastes. C'est souvent là que se joue la différence entre un site agréable et un site qui convertit.

Questions fréquentes sur l'harmonie des couleurs

Comment savoir si des couleurs vont bien ensemble ?

Des couleurs vont bien ensemble lorsqu'elles respectent une relation sur le cercle chromatique (teintes voisines, opposées ou réparties en triangle) et qu'elles ne se disputent pas l'attention. Il faut aussi qu'une couleur domine, que les autres soient dosées et que les contrastes de luminosité restent suffisants. Des outils comme Adobe Color appliquent automatiquement ces règles d'harmonie à partir d'une couleur de départ.

Qu'est-ce que le cercle chromatique ?

Le cercle chromatique est une représentation circulaire des couleurs, rangées dans l'ordre de l'arc-en-ciel. Il montre les couleurs primaires, secondaires et tertiaires, place les couleurs complémentaires face à face et les couleurs analogues côte à côte. Il existe un cercle du peintre (rouge, jaune, bleu) et un cercle de l'écran (rouge, vert, bleu), utilisé pour le design web.

Quelle est la couleur complémentaire du bleu ?

À l'écran, dans le système RVB utilisé par le web, la couleur complémentaire du bleu est le jaune. Dans le cercle traditionnel du peintre (rouge, jaune, bleu), c'est l'orange. Pour un site internet, on se réfère au cercle RVB : il suffit d'ajouter 180° à la teinte en TSL pour obtenir la complémentaire exacte d'une couleur.

Combien de couleurs utiliser sur un site web ?

Un site web utilise en général trois couleurs principales en plus des neutres : une dominante pour les fonds, une couleur de marque et une couleur d'accent pour les boutons. La règle 60-30-10 les répartit selon leur surface. On y ajoute une couleur de texte foncée et quelques couleurs d'état, comme le vert pour la validation et le rouge pour les erreurs.

Quel contraste de couleurs respecter pour l'accessibilité d'un site ?

Les WCAG 2.2 demandent un rapport de contraste d'au moins 4,5:1 entre le texte courant et son arrière-plan, et 3:1 pour les grands textes ainsi que pour les éléments d'interface comme les boutons, les icônes et les bordures de champs. Il ne faut jamais transmettre une information uniquement par la couleur. Des outils gratuits comme WebAIM Contrast Checker permettent de vérifier ces ratios.

Quels outils utiliser pour créer une palette de couleurs harmonieuse ?

Les outils les plus utilisés sont Adobe Color, qui applique les règles du cercle chromatique et extrait une palette d'une image, Coolors, qui génère des combinaisons en un clic, et Realtime Colors, qui prévisualise la palette sur une maquette de site. Paletton aide à comprendre les accords et à simuler le daltonisme. Il faut ensuite tester chaque combinaison de texte et de fond pour garantir un contraste suffisant.

Nos sources

• Cercle chromatique, synthèse additive, synthèse soustractive et loi du contraste simultané, Wikipédia
• Règles pour l'accessibilité des contenus web (WCAG) 2.2, W3C
• Directive (UE) 2019/882 relative aux exigences en matière d'accessibilité, EUR-Lex
• Johannes Itten, L'Art de la couleur, Dessain et Tolra
• Robert Montchaud, La couleur et ses accords, Éditions Fleurus
• Pantone Color of the Year 2026 : Cloud Dancer, Pantone
• Key Colours A/W 26/27, WGSN et Coloro
• code-couleur.com