Pourquoi nos yeux ont besoin de palettes de couleurs complémentaires … et où vous pouvez les créer

Saviez-vous qu'il existe en fait une science biologique derrière la complémentarité de deux couleurs ou plus? Je ne suis ni ophtalmologiste ni optométriste, mais je vais essayer de traduire la science ici pour des gens simples comme moi. Commençons par la couleur en général.

Les couleurs sont des fréquences

Une pomme est rouge… n'est-ce pas? Eh bien pas vraiment. La fréquence de réflexion et de réfraction de la lumière sur la surface d'une pomme la rend détectable, convertie par nos yeux sous forme de signaux, envoyée à notre cerveau où nous l'identifions comme «rouge». Ugh… ça me fait mal à la tête rien que d'y penser. C'est vrai cependant… la couleur est simplement une fréquence de lumière. Voici une vue du spectre électromagnétique et des fréquences de chaque couleur:

C'est exactement pourquoi la lumière blanche pointée vers un prisme produit un arc-en-ciel. Ce qui se passe réellement, c'est que le cristal change la fréquence de la longueur d'onde lorsque la lumière est réfractée:

Vos yeux sont des détecteurs de fréquence [19659003] Votre œil n'est vraiment qu'un détecteur de fréquence pour la gamme de fréquences de couleur sur le spectre électromagnétique. Votre capacité à détecter les couleurs passe par différents types de cônes dans la paroi de votre œil qui sont ensuite connectés à vos nerfs optiques. Chaque gamme de fréquences est détectée par certains de ces cônes, puis traduite en un signal adressé à votre nerf optique, envoyé à votre cerveau, où il est identifié.

Avez-vous déjà remarqué que vous pouvez regarder longtemps quelque chose de très fort contraste , détournez le regard et continuez à voir une image rémanente qui ne correspond pas aux couleurs d'origine que vous regardiez? Disons qu’il s’agit d’un carré bleu sur un mur blanc:

Après un certain temps, les cellules de votre œil qui traitent la lumière bleue se fatiguent, ce qui affaiblit légèrement le signal qu’elles envoient à votre cerveau. Étant donné que cette partie du spectre visuel est légèrement supprimée, lorsque vous regardez un mur blanc après avoir regardé le carré bleu, vous voyez une image rémanente orange pâle. Ce que vous voyez, c'est le spectre blanc de la lumière du mur, moins un tout petit peu de bleu, que votre cerveau traite en orange.

Théorie des couleurs 101: Faire travailler les couleurs complémentaires pour vous

Si cette fatigue ne fonctionnait pas. Cela arrive, nos yeux et notre cerveau n'ont pas à travailler aussi dur pour interpréter les multiples longueurs d'onde (par exemple les couleurs) qu'ils voient.

Bruit visuel contre harmonie

Faisons une analogie entre le son et la couleur. Si vous écoutiez des fréquences et des volumes différents qui n’étaient pas complémentaires les uns des autres, vous le considérez comme du bruit . Ce n’est pas différent de la couleur, où la luminosité, le contraste et la couleur détectés peuvent être visuellement bruyants ou complémentaires. Dans n'importe quel support visuel, nous voulons travailler vers l'harmonie.

C’est la raison pour laquelle vous ne voyez pas de supplément à l’arrière-plan d’un film portant une chemise rouge vif. C’est pourquoi les décorateurs d’intérieur travaillent dur pour trouver des couleurs complémentaires sur les murs, les meubles, les œuvres d’art et d’autres éléments de la pièce qu’ils conçoivent. La couleur est essentielle pour créer l'ambiance que ressent le visiteur lorsqu'il y entre en fonction de la facilité avec laquelle son cerveau interprète les couleurs.

Votre palette de couleurs équivaut à assembler un groupe en belle harmonie. Et tout comme les voix et les instruments assemblés s'alignent étroitement en volume et en fréquence… il en va de même pour les couleurs complémentaires de votre palette de couleurs. La conception de la palette de couleurs est vraiment une forme d'art pour les professionnels qui ont peaufiné leur détection des couleurs, mais c'est aussi une science informatique, car les fréquences complémentaires peuvent être calculées.

Plus d'informations sur les harmonies bientôt … revenons à la théorie des couleurs.

Couleurs RVB

Les pixels du spectre numérique sont des combinaisons de rouge, vert et bleu. Rouge = 0, vert = 0 et bleu = 0 est affiché comme blanc et rouge = 255, vert = 255 et bleu = 255 est vu comme noir . Tout ce qui se trouve entre les deux est une couleur différente composée des trois. Les bases du calcul d'une couleur complémentaire sont assez simples… il suffit de soustraire les valeurs RVB de 255 pour la nouvelle valeur RVB. Voici un exemple:

La différence de cette fréquence lumineuse entre l’orange et le bleu est suffisamment éloignée pour qu’elle soit contrastée, mais pas si loin qu’il soit difficile à interpréter pour nos yeux. Les fréquences de couleur sont complémentaires et agréables à nos récepteurs!

Calculer une couleur est facile… calculer 3 couleurs complémentaires ou plus vous oblige à calculer des quantités équivalentes entre chacune des options. C’est pourquoi les générateurs de palette de couleurs sont si pratiques! Avec très peu de calculs nécessaires, ces outils peuvent vous fournir plusieurs couleurs qui se complètent.

La roue chromatique

Comprendre la relation entre les couleurs est mieux visualisée à l'aide d'une roue chromatique. Les couleurs sont disposées en cercle en fonction de leur fréquence relative. La distance radiale est la saturation de la couleur et la position azimutale sur le cercle comme teinte de la couleur.

Fait amusant: Sir Isaac Newton a d'abord développé le Roue des couleurs en 1665, base de ses expériences avec des prismes. Ses expériences ont conduit à la théorie que le rouge, le jaune et le bleu étaient les couleurs primaires dont toutes les autres couleurs sont dérivées. Note latérale… il a même appliqué des «notes» musicales à chaque couleur.

Armez-moi d'harmonie…

Types of Color Harmonies

Les ensembles de couleurs complémentaires sont calculés sont connus sous le nom d'harmonies . Voici une superbe vidéo de présentation:

Différentes caractéristiques sont associées à chaque type:

• Analogue – groupes de couleurs côte à côte sur la roue chromatique.
• Monochromatique – groupes dérivés d'une seule teinte de base et étendus à l'aide de ses nuances, tons et teintes.
• Triade – groupes de couleurs régulièrement espacés autour de la couleur roue
• Complémentaire – groupes de couleurs opposées sur la roue chromatique.
• Complémentaire fractionné – une variation de complémentaire où qui utilise deux couleurs adjacentes au complément.
• Rectangle ( Tetradic) – utilise quatre couleurs disposées en deux paires complémentaires
• Square – similaire au rectangle, mais avec les quatre couleurs uniformément espacées autour du cercle de couleur
• Compound – la couleur et les deux couleurs adjacentes à sa couleur complémentaire
• Nuances – ajustement de la teinte (augmentation de la luminosité) ou de l'ombre (obscurité) de la couleur primaire.

Ce ne sont pas des thèmes subjectifs, ce sont de véritables calculs mathématiques avec de jolis noms appliqués qui nous aident

Générateurs de jeux de palettes de couleurs

En utilisant un générateur de palettes de couleurs, vous pouvez obtenir de belles combinaisons de couleurs complémentaires comme celle-ci:

J'utilise souvent des générateurs de palettes de couleurs lorsque je travaille sur sites clients. Comme je ne suis pas un expert des couleurs, ces outils m'aident à mieux sélectionner des éléments tels que les arrière-plans, les bordures, les arrière-plans de pied de page, les couleurs des boutons primaires et secondaires. Le résultat est un site Web beaucoup plus agréable à regarder! C'est une stratégie subtile et incroyablement puissante à appliquer à la conception de n'importe quoi – d'une publicité à un site Web entier.

Voici quelques excellents générateurs de palette de couleurs en ligne:

• Adobe – un outil fantastique avec jusqu'à 5 couleurs dans lesquelles vous pouvez tester différents types, effectuer des ajustements et même enregistrer votre thème dans n'importe quel produit Adobe.
• BrandColors – la plus grande collection de codes de couleur de marque officiels.
• Canva – téléchargez une photo et ils l'utiliseront comme base pour votre palette!
• Colllor – Générez une palette de couleurs Web cohérente en quelques clics.
• Color Designer – Choisissez simplement une couleur ou utilisez les couleurs présélectionnées et l'application s'occupe du reste.
• Color Hunt – plate-forme libre et ouverte pour l'inspiration des couleurs avec des milliers de palettes de couleurs à la mode triées sur le volet
• Colorkuler – générez une palette de couleurs pour Instagram afin de le rendre plus esthétique.
• Colormind – un générateur de jeux de couleurs qui utilise l'apprentissage en profondeur. Il peut apprendre les styles de couleur à partir de photographies, de films et d’art populaire.
• Espace de couleurs – entrez simplement une à trois couleurs et générez des schémas! votre palette de couleurs avec un certain nombre de styles d'harmonie sur la gauche.
• COLOURlovers – une communauté créative où des gens du monde entier créent et partagent des couleurs, des palettes et des motifs, discutent des dernières tendances et explorent des articles colorés.
• Glacières – créez la palette parfaite ou laissez-vous inspirer par des milliers de superbes combinaisons de couleurs.
• Data Color Picker – Utilisez le sélecteur de palette pour créer une série de couleurs visuellement équidistantes .
• Khroma – utilise l'IA pour connaître les couleurs que vous aimez et crée des palettes que vous pourrez découvrir, rechercher et enregistrer.
• Material Design – créez, partagez et appliquez des schémas de couleurs pour votre interface utilisateur. Il est même livré avec une exportation pour votre application!
• Muzli Colors – ajoutez un nom ou un code de couleur et créez une belle palette.
• Paletton – choisissez une couleur de base et laissez-vous inspirer.
• ] Veranda – laissez-vous inspirer par des tonnes de palettes de couleurs étonnantes.

Couleur et accessibilité

Gardez à l'esprit que lorsque vous décidez de concevoir votre prochaine palette de couleurs, il y a un nombre important de personnes malvoyantes et colorées qui doivent interagir avec vos expériences.

• Contraste – Chaque couleur indépendante a une luminance . Les couleurs des superpositions et des objets adjacents doivent avoir un rapport de luminance relatif de 4,5: 1 pour que les personnes malvoyantes puissent les distinguer. Je ne me donnerais pas la peine d'essayer de calculer les ratios vous-même, vous pouvez tester vos ratios de deux couleurs avec Colorable Contrast Ratio ou Colorsafe
• Iconographie – Mettre en évidence un champ en rouge n'aide pas quelqu'un qui a un défaut de couleur. Assurez-vous d’appliquer une sorte de message ou d’icône pour leur signaler un problème.
• Focus – De nombreuses personnes naviguent avec des claviers ou des lecteurs d’écran. Assurez-vous que votre interface utilisateur est correctement conçue avec tous les marquages ​​d'accessibilité pour qu'ils puissent profiter de votre site. Pour les personnes malvoyantes, l'utilisation d'espaces blancs et la possibilité d'augmenter ou de réduire la taille des polices là où cela ne détruit pas la mise en page est essentielle. Expert couleur? Expert en accessibilité? N'hésitez pas à me fournir des conseils pour améliorer cet article!