Come selezionare i colori che corrispondono l'un l'altro?


9

Guardando i colori in questo logo, è chiaro che i colori si abbinano.

Come faccio a trovare un'arancia e un viola che corrispondano alla stessa combinazione di colori?

Suppongo che il colore nella "R" sia giallo?

inserisci qui la descrizione dell'immagine


Questo post sul blog scritto da User Interface Designer di DMC Inc fornisce un pdf scaricabile con i colori e i loro numeri di codice. Fornisce inoltre suggerimenti per tavolozze di colori leggibili. dmcinfo.com/latest-thinking/blog/id/8840/…
Jac B

Risposte:


11

Usa semplicemente il selettore colore in un'app come Photoshop. Impostare la finestra di dialogo per utilizzare l'opzione H o Tonalità e trovare un colore iniziale. Quindi per ottenere un colore di valore simile, sposta il cursore su e giù sulla barra dei colori. Ciò manterrà la saturazione e la luminosità uguali e modificherà solo il valore della tonalità. Non spostare il cerchio nel riquadro colore grande.

inserisci qui la descrizione dell'immagine

Ci sono anche altri posti dove giocare con i colori come Color Lovers o Adobe's Kuler


15

Non confondere "match" con "armonizzare". C'è una grande differenza.

Questi colori non corrispondono (non sono gli stessi ). Si armonizzano . Per capire la differenza, e la mia risposta (che prometto che farò raggiungere!), Dobbiamo prendere una piccola deviazione in che colore è .

Una delle cose più spiacevoli nella descrizione del colore è che i termini chiave con significati tecnici sono anche usati in modo molto vago, sia nel linguaggio comune che nel mondo del design, quindi è facile confondersi. Mi ha confuso, una volta tanto, quindi non sentirti solo.

Ecco uno schizzo, un'introduzione molto abbreviata al colore, l'ortografia britannica e tutto il resto:

Da ora in poi userò la parola colore con un significato molto specifico: la sensazione combinata prodotta sull'occhio dalla luce, riflessa da un particolare pigmento o direttamente da una fonte illuminata, percepita da un osservatore . Questo è un modo prolisso di dire "quello che vedi che chiami" un colore "". È ciò che intendiamo quando diciamo "rosso ciliegia" o "verde mela" o il tuo fornitore di vernici dice "questo è Booger Green, l'ultimo colore di moda di Ipsum Studios". Penseresti che potremmo fermarci qui, ma non è tutta la storia. Come si dice su Facebook, "È complicato".

  • La tonalità è la qualità con cui percepiamo qualcosa come "rosso" o "una sorta di giallo-verdastro" o "chartreuse". Nel linguaggio comune, la parola "colore" è spesso sostituita da "tonalità" e viceversa, ma per un designer un colore comprende una tonalità e altre due qualità: saturazione e valore .

  • La saturazione si riferisce a come "pura" o "intensa" la tonalità è in un determinato colore, prodotto in vernice aggiungendo bianco, per dare "tinte", o nero, per dare "sfumature" o "tonalità". Quando riduci la saturazione del rosso aggiungendo il bianco, ottieni il rosa. L'aggiunta di nero a rosso ti rende bordeaux.

  • Il valore è la relativa luminosità o oscurità del colore, indipendente dalla tonalità e considerata separatamente dalla saturazione. Un azzurro o un blu scuro sono ancora blu . Per la maggior parte degli scopi nella progettazione, Luminosità è sinonimo di valore.

Esistono altri modi per descrivere tecnicamente i colori, ma quello che ti sto dando qui è quello che incontrerai più spesso nel campo della progettazione grafica ed è integrato in Photoshop, Illustrator e InDesign in modo che sia facile avere le mani -on esperienza con esso.

Facciamo un esempio specifico. Apri il selettore colore di Photoshop e nel campo H (tonalità) inserisci 56. Trascina il piccolo cerchio colorato nell'estrema destra in alto del pannello:

Giallo puro

Chiamalo "Pure Yellow" o "Buttercup" o come preferisci. Questo è un giallo completamente saturo (non può essere più intenso) e più luminoso che può andare. Si noti che i campi S (saturazione) e B (luminosità) indicano entrambi "100%".

Fai clic su OK, quindi apri di nuovo il selettore colore. Cambia il campo S al 50%. La tonalità non è cambiata ed è ancora più luminosa che può ottenere; è cambiata solo la saturazione. Il nostro ranuncolo ora è cosa? - Una primula, forse. Rendi S 100% di nuovo, e ora inserisci 50 nel campo B. Ora abbiamo un marrone. Abbiamo un colore diverso , ma la tonalità non è ancora cambiata e l'intensità o la saturazione non possono essere aumentate. Gioca con questo per un po '. Acquisire familiarità con esso, perché è fondamentale per comprendere l'armonia dei colori.

Stavi chiedendo perché questi colori sembrano andare insieme, per armonizzarsi.

L'armonia dei colori è un argomento a sé stante, che devi capire come designer. (Potrebbe essere meglio chiamato armonia di tonalità , perché si tratta più di tonalità che di colore.) In questo caso ci sono due coppie di tonalità complementari , le cosiddette perché coincidono sui lati opposti della ruota dei colori . Questa particolare istanza è conosciuta come un'armonia tetradica o "quadrata", perché le quattro tonalità scelte sono uniformemente distanziate sulla ruota, producendo una "doppia armonia".

Se usi il contagocce di Photoshop su questi colori, vedrai che nessuno di essi è completamente saturo. La desaturazione di un colore può aiutare i colori che normalmente si scontrerebbero (sarebbero troppo contrastati per il comfort) per coesistere più pacificamente. In questo caso, l'uso di colori con saturazione e valore molto simili li aiuta anche ad armonizzare. Se desaturi completamente l'immagine - Ctl / Cmd-Shift-U, vedrai cosa intendo.

Epilogo:

È stato un po 'lungo, ma non avrei sentito di averti dato una risposta senza coprire tutto lo sfondo necessario. Spero che non fossi troppo annoiato.

Ti consiglio di iscriverti alla rivista " Prima e Dopo " di John McWade , ma in ogni caso scarica immediatamente il suo PDF con la ruota dei colori da utilizzare nel tuo lavoro.

Una volta che hai una conoscenza di base di come funziona la ruota dei colori e un senso della teoria dei colori di base, troverai risorse come Kuler molto più utili.


Risposta brillante, Alan. Inoltre, dovresti sapere che Ipsum Studios sta rilasciando sei nuove entusiasmanti varianti di Booger per il 2012, tra cui Crunchy Yellow, Nasal Dairy Spray e I'm Clearly Stuck On You (una glassa trasparente trasparente).
Lauren-Clear-Monica-Ipsum,

1
Wow! Faccio fatica ad aspettare. Stai fermo, il mio cuore pulsante! MrGreen
Alan Gilbertson il
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.