Comment sélectionner des couleurs qui se correspondent?


9

En regardant les couleurs de ce logo, il est clair que les couleurs se correspondent.

Comment trouver un orange et un violet qui correspondent à la même palette de couleurs?

Je suppose que la couleur dans le «R» est jaune?

entrez la description de l'image ici


Ce billet de blog rédigé par User Interface Designer chez DMC Inc fournit un pdf téléchargeable avec des couleurs et leurs numéros de code. Il propose également des suggestions de palettes de couleurs lisibles. dmcinfo.com/latest-thinking/blog/id/8840/…
Jac B

Réponses:


11

Utilisez simplement le sélecteur de couleurs dans une application comme Photoshop. Définissez la boîte de dialogue pour utiliser l'option H ou Teinte et trouver une couleur de départ. Ensuite, pour obtenir une couleur de valeur similaire, déplacez le curseur de haut en bas sur la barre de couleur. Cela gardera la saturation et la luminosité identiques et ne changera que la valeur de la teinte. Ne déplacez pas le cercle dans le grand volet de couleur.

entrez la description de l'image ici

Il y a aussi d'autres endroits pour jouer avec la couleur comme Color Lovers ou Adobe's Kuler


15

Ne confondez pas "match" avec "harmoniser". Il y a une grande différence.

Ces couleurs ne correspondent pas (elles ne sont pas les mêmes ). Ils s'harmonisent . Pour comprendre la différence, et ma réponse (que je vous promets que je vais aller!), Nous devons prendre un léger détour dans la couleur est .

L'une des choses les plus malheureuses à propos de la description de la couleur est que les termes clés avec des significations techniques sont également utilisés de manière très lâche, à la fois dans le langage courant et dans le monde du design, il est donc facile de se confondre. Cela m'a dérouté, il était une fois, alors ne vous sentez pas seul.

Voici un croquis, une introduction très abrégée à la couleur, à l'orthographe britannique et à tout:

J'utiliserai désormais le mot couleur avec un sens bien précis: la sensation combinée produite sur l'œil par la lumière, réfléchie par un pigment particulier ou directement par une source illuminée, perçue par un observateur . C'est une façon longue de dire "ce que vous voyez que vous appelez" une couleur "". C'est ce que nous voulons dire lorsque nous disons «rouge cerise» ou «vert pomme» ou lorsque votre fournisseur de peinture dit «c'est du Booger Green, la dernière couleur de mode des studios Ipsum». On pourrait penser que nous pourrions nous arrêter là, mais ce n'est pas toute l'histoire. Comme on dit sur Facebook, "c'est compliqué".

  • La teinte est la qualité par laquelle nous percevons quelque chose comme "rouge" ou "sorte de jaune verdâtre" ou "chartreuse". Dans le langage courant, le mot «couleur» est souvent substitué à «teinte», et vice versa, mais pour un designer, une couleur comprend une teinte et deux autres qualités: la saturation et la valeur .

  • La saturation se réfère à la façon dont la teinte est «pure» ou «intense» dans une couleur donnée, produite dans la peinture en ajoutant du blanc, pour donner des «teintes» ou du noir, pour donner des «nuances» ou des «tons». Lorsque vous réduisez la saturation du rouge en ajoutant du blanc, vous obtenez du rose. Ajouter du noir au rouge vous donne du bordeaux.

  • La valeur est la luminosité ou l'obscurité relative de la couleur, indépendamment de la teinte et considérée séparément de la saturation. Un bleu clair ou un bleu foncé sont toujours bleus . Pour la plupart des applications de conception, la luminosité est synonyme de valeur.

Il existe d'autres façons de décrire techniquement les couleurs, mais celle que je vous donne ici est celle que vous rencontrerez le plus souvent dans le domaine de la conception graphique et est intégrée à Photoshop, Illustrator et InDesign afin qu'il soit facile de mettre la main -sur l'expérience avec.

Prenons un exemple spécifique. Ouvrez le sélecteur de couleurs Photoshop et saisissez 56 dans le champ H (teinte). Faites glisser le petit cercle de couleurs vers le coin supérieur droit du panneau:

Jaune pur

Appelez cela "Pure Yellow" ou "Buttercup" ou ce que vous voulez. C'est un jaune qui est complètement saturé (il ne peut pas devenir plus intense) et aussi brillant que possible. Notez que les champs S (saturation) et B (luminosité) indiquent tous deux «100%».

Cliquez sur OK, puis ouvrez à nouveau le sélecteur de couleurs. Modifiez le champ S à 50%. La teinte n'a pas changé et elle est toujours aussi brillante que possible; seule la saturation a changé. Notre renoncule est maintenant quoi? - Une primevère, peut-être. Faites S 100% à nouveau, et entrez maintenant 50 dans le champ B. Maintenant, nous avons un brun. Nous avons une couleur différente , mais la teinte n'a toujours pas changé et l'intensité ou la saturation ne peut pas être augmentée. Jouez avec cela un peu. Familiarisez-vous avec elle, car elle est fondamentale pour comprendre l'harmonie des couleurs.

Vous vous demandiez pourquoi ces couleurs semblent aller ensemble, s'harmoniser.

L'harmonie des couleurs est un sujet en soi, que vous devez comprendre en tant que designer. (Il pourrait être mieux appelé harmonie de teinte , car il s'agit plus de teinte que de couleur.) Dans ce cas, il y a deux paires de teintes complémentaires , appelées parce qu'elles correspondent sur les côtés opposés de la roue chromatique . Cet exemple particulier est connu comme une harmonie tétradique ou "carrée", parce que les quatre teintes choisies sont régulièrement espacées sur la roue, produisant une "double harmonie".

Si vous utilisez la pipette de Photoshop sur ces couleurs, vous verrez qu'aucune d'entre elles n'est entièrement saturée. La désaturation d'une couleur peut aider les couleurs qui s'affrontent normalement (trop contrastées pour le confort) à coexister plus paisiblement. Dans ce cas, l'utilisation de couleurs avec une saturation et une valeur similaires les aide également à s'harmoniser. Si vous désaturez complètement l'image - Ctl / Cmd-Shift-U, vous verrez ce que je veux dire.

Épilogue:

Cela a été un peu long, mais je n'aurais pas pensé vous avoir donné une réponse sans couvrir tous les antécédents nécessaires. J'espère que tu ne t'ennuyais pas trop de toute façon.

Je vous recommande de vous abonner au magazine " Avant et Après " de John McWade , mais en tout cas téléchargez immédiatement sa roue chromatique PDF pour l'utiliser dans votre travail.

Une fois que vous aurez une compréhension de base du fonctionnement de la roue chromatique et un sens de la théorie des couleurs de base, vous trouverez des ressources comme Kuler beaucoup plus utiles.


Brillante réponse, Alan. En outre, vous devez savoir que Ipsum Studios publie six nouvelles variantes Booger passionnantes pour 2012, y compris Crunchy Yellow, Nasal Dairy Spray et I'm Clearly Stuck On You (une glaçure transparente translucide).
Lauren-Clear-Monica-Ipsum

1
Hou la la! Je peux difficilement attendre. Soyez toujours mon cœur qui bat! :-D
Alan Gilbertson
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.