Grade School Color Mixing
Sapevi che la ruota dei colori che hai imparato a scuola non è la stessa dei colori usati per il web? Non è nemmeno il modo in cui i colori vengono mescolati per la stampa? Bene, stessi colori, solo arrangiamenti e mix diversi.
Tradizionale (Think Paint o Crayons)
- Il tradizionale primario i colori sono rosso, giallo e blu.
- Mescola due colori primari per ottenere il complementare o colori secondari.
- Il tradizionale complementare i colori sono arancione (rosso più giallo), verde (giallo più blu) e viola (blu più rosso).
Nella scuola elementare probabilmente hai avuto molte opportunità di mescolare i colori primari e creare nuovi colori. Era magico! La miscelazione dei colori per la stampa con l'inchiostro non funziona nello stesso modo. I colori primari in luce e inchiostro non sono gli stessi colori primari rosso, giallo e blu. In effetti, ci sono 6 colori primari.
Indice dei colori di base:
- Grade School Color Mixing (questa pagina)
- Primitive additive e sottrattive (RGB e CMY)
- Colore RGB nella pubblicazione desktop
- Colore CMYK nella pubblicazione desktop
- Specifica dei colori
- Percezione del colore
- Tonalità, tonalità, sfumature e saturazione
- Combinazioni di combinazioni di colori comuni
- Combinazioni di colori di messa a punto
02 del 09
Primitive additive e sottrattive
Il modo in cui vediamo i colori è un po 'diverso dal modo in cui mescoliamo la pittura. Invece dei colori primari rosso, blu e giallo abbiamo due diversi tipi di colori primari. Probabilmente hai visto un prisma spezzare un fascio di luce in un arcobaleno di colori. Lo spettro visibile della luce si suddivide in tre regioni di colore: rosso, verde e blu.
- Aggiungi luce rossa, verde e blu (RGB) per creare luce bianca. Perché tu aggiungi i colori insieme per diventare bianchi, li chiamiamo i primitive additive. I colori sullo schermo vengono visualizzati mescolando quantità variabili di luce rossa, verde e blu. Tenere presente che i primitivi additivi si riferiscono in genere alla modalità colore RGB su schermo. La miscelazione di inchiostri o vernici rossi, verdi e blu reali non produce il bianco.
- Sottrarre uno dei colori RGB dagli altri e ti rimane un altro colore. RGB meno rosso lascia ciano. RGB meno le foglie blu gialle. RGB meno verde lascia magenta. Questi sono chiamati i primari sottrattivi (CMY). I colori di inchiostro ciano, magenta e giallo, insieme al nero, vengono utilizzati nella stampa in quadricromia, nota anche come CMYK. La combinazione di due dei primari sottrattivi determina uno dei primitivi aggiuntivi (ad esempio, cyan + giallo produce verde). Mescolando tutti e tre i primari sottrattivi si ottiene il nero (non un nero puro, ma un colore nero simile al nero).
Successivamente, esamineremo il modo in cui cerchiamo di riprodurre il colore in stampa e sul web.
Indice dei colori di base:
- Grade School Color Mixing
- Primitive additive e sottrattive (RGB e CMY) (questa pagina)
- Colore RGB nella pubblicazione desktop
- Colore CMY nella pubblicazione desktop
- Specifica dei colori
- Percezione del colore
- Tonalità, tonalità, sfumature e saturazione
- Combinazioni di combinazioni di colori comuni
- Combinazioni di colori di messa a punto
Colore RGB nella pubblicazione desktop
Il monitor del computer emette luce, quindi è ovvio che il computer utilizza le tre regioni di colore di rosso, verde e blu (i primari aggiuntivi) per riprodurre i colori che vediamo.
Lavorando con immagini destinate allo schermo o al web, designiamo i colori in base alla quantità di rosso, verde o blu nel colore. Nel tuo software di grafica questi numeri potrebbero assomigliare a questo:
- 255 ROSSO 255 VERDE 0 BLUo
- 255R 255G 0Bo
- RGB: 255,255,0o
- FFFF00 (può essere scritto come # FFFF00)
Tutti questi rappresentano il giallo. Un numero compreso tra 1-255 indica la quantità di ciascun colore di rosso, verde o blu con 255 che rappresenta il puro valore 100% del colore. Zero significa niente di quel colore. Per far capire al tuo computer questi numeri, li traduciamo in 6 cifre esadecimale numeri o terzine (codici esadecimali).
Nel nostro esempio, FF è l'equivalente esadecimale di 255. La tripletta esadecimale è sempre nell'ordine di RGB, quindi il primo FF è rosso. Il secondo FF è giallo. Non c'è blu quindi ha 00, l'equivalente esadecimale di zero.
Queste sono le basi per il colore sul web. Per approfondire la conoscenza di RGB e il modo in cui il colore appare sullo schermo, scava in queste risorse più dettagliate per il colore del web.
Indice dei colori di base:
- Grade School Color Mixing
- Primitive additive e sottrattive (RGB e CMY)
- Colore RGB nella pubblicazione desktop (questa pagina)
- Colore CMY nella pubblicazione desktop
- Specifica dei colori
- Percezione del colore
- Tonalità, tonalità, sfumature e saturazione
- Combinazioni di combinazioni di colori comuni
- Combinazioni di colori di messa a punto
Colore CMY nella pubblicazione desktop
Il colore (luce) si ottiene sottraendo quantità diverse di altri colori dai primitivi additivi (RGB). Ma nella stampa quando stiamo mescolando (aggiungendo) inchiostri insieme i colori non escono come potremmo aspettarci. Pertanto, iniziamo con i primari sottrattivi (CMY) e mescoliamo quelli in quantità variabili (più il nero abbreviato come K) per ottenere i colori che vogliamo.
I colori per la stampa sono mescolati in percentuali come:
- 50% CIANO 100% MAGENTA 25% GIALLOo
- C50 M100 Y25
- E poiché il nero viene in genere utilizzato insieme a CMY, è inclusa anche una percentuale per il nero (anche se è 0), come ad esempio: C50 M100 Y25 K0
La quarta barra dei colori in questo esempio è un colore viola fatto con quantità diverse di ciascuno dei primari sottrattivi (e non del nero).Il colore rosso che lo precede è l'equivalente CMY di RGB Red. La barra dei colori in basso non utilizza inchiostri CMY, solo l'80% di nero (K).
Questo modello di colore CMY (K) è solo uno dei molti modi in cui possiamo esprimere il colore per la stampa, ma salveremo quell'argomento per un'altra funzione. Vi sono altri termini relativi al colore che verranno trattati brevemente e altri ancora sulla specifica dei colori per il lavoro di stampa.
Indice dei colori di base:
- Grade School Color Mixing
- Primitive additive e sottrattive (RGB e CMY)
- Colore RGB nella pubblicazione desktop
- Colore CMY nella pubblicazione desktop (questa pagina)
- Specifica dei colori
- Percezione del colore
- Tonalità, tonalità, sfumature e saturazione
- Combinazioni di combinazioni di colori comuni
- Combinazioni di colori di messa a punto
Specifica dei colori
Scegliere le combinazioni di colori più piacevoli o efficaci è solo una parte dell'equazione nel lavorare con il colore. Devi anche essere in grado di specificare i colori che desideri. Per la stampa esistono diversi modi per specificare il colore e può variare in base al numero di colori utilizzati e al modo in cui vengono utilizzati. Vedremo solo alcune delle possibilità.
- Tinte di un unico colore: È possibile ottenere una grande varietà di effetti usando un singolo colore spot (1 / C) specificando che il colore sia schermato (tinte). Queste tinte sono percentuali del colore solido (100%).
- Due o più colori: Combinare i solidi e le tinte retinate di due o più colori (2 / C, 3 / C, 4 / C ecc.). Nell'esempio sopra, i colori sono tutte le combinazioni di un singolo colore più nero (K) (i primi tre sono ciano, i tre più bassi sono magenta). (per la stampa il nero è un colore) Sono anche percentuali.
- Colori PMS: Per abbinare esattamente un colore (o il più vicino possibile alla stampa) è possibile utilizzare un sistema come Pantone Matching System. Ce ne sono anche altri. I mix di colori sono numerati per una facile consultazione. Il tuo programma di grafica potrebbe avere tavolozze di colori nominate per alcuni dei più popolari sistemi di abbinamento dei colori. Questi ti consentono di scegliere i colori per il tuo disegno che corrispondono al sistema di corrispondenza dei colori utilizzato dalla stampante. (Si noti che i nomi / i numeri dei colori nell'immagine potrebbero non riflettere le designazioni più attuali di Pantone.)
- CMYK Nella stampa in quadricromia, per riprodurre il colore dei toni continui a colori, utilizziamo quattro colori specifici. Questi colori di processo sono cyan (C), giallo (Y), magenta (M) (i colori SUBTRATTIVI dalla ruota dei colori) e nero (K). La percezione di milioni di colori si ottiene non mescolando questi colori di inchiostro, ma stampando migliaia di puntini di ogni colore in diverse dimensioni e modelli. L'occhio unisce quei punti e vede più dei quattro colori di CMYK (o talvolta scritti come, CYMK).
- Separazioni di colore Nella stampa in quadricromia, invece di specificare colori specifici, si crea una copia diversa del proprio disegno per ciascuno dei quattro colori (CMYK). Ogni copia viene stampata una sopra l'altra per creare l'effetto ottico di full-color. Le separazioni vengono create anche quando si usano più di due colori spot con ciascuna separazione contenente solo le parti della pagina per quel colore specifico. Nell'illustrazione, le 4 immagini in scala di grigi rappresentano la lastra di stampa per ciascuno dei 4 colori di quadricromia. Notare come la piastra Magenta è molto più scura sul corpo del trattore? Prende molto più di questo inchiostro di colore rossastro per produrre il trattore rosso brillante.
Ovviamente questa è solo una rapida panoramica. Centinaia di libri e articoli sono stati scritti sul processo di specifica e stampa a colori.
Indice dei colori di base:
- Grade School Color Mixing
- Primitive additive e sottrattive (RGB e CMY)
- Colore RGB nella pubblicazione desktop
- Colore CMY nella pubblicazione desktop
- Specifica dei colori (questa pagina)
- Percezione del colore
- Tonalità, tonalità, sfumature e saturazione
- Combinazioni di combinazioni di colori comuni
- Combinazioni di colori di messa a punto
Percezione del colore
Se pensavi che i colori primari fossero Rosso, Blu e Giallo, con colori complementari o secondari di Viola, Verde e Arancio, allora devi visitare o rivedere le pagine precedenti di questo tutorial sui colori fondamentali perché per questa discussione facciamo affidamento sui colori primari additivo e sottrattivo, RGB e CMY.
Diversi fattori influenzano il modo in cui percepiamo il colore. Uno di questi fattori può essere mostrato dalla posizione dei colori sulla ruota dei colori in relazione ad altri colori.
Nota importante: Nella teoria della scienza e del colore ci sono definizioni precise per colori adiacenti, contrastanti e complementari e come appaiono sulla ruota dei colori. Nella progettazione grafica e in altri campi utilizziamo un'interpretazione più flessibile. I colori non devono essere opposti diretti o avere una certa quantità di separazione da considerare contrastanti o complementari. Nel design si tratta più di percezione e sentimento.- Adiacente i colori appaiono uno accanto all'altro sulla ruota dei colori. Due o più colori adiacenti armonizzare tra loro. Funzionano bene insieme (di solito ma non sempre). Ulteriori informazioni sui colori adiacenti. Il termine armonizzare sembra piacevole, piacevole. Ma alcuni colori armonizzati possono apparire sbiaditi (giallo / verde) o troppo scuri e simili (blu / viola) per funzionare bene insieme.
- a contrasto i colori appaiono in diversi segmenti della ruota dei colori (dividerli in quarti per aiutare a visualizzarli). Più distanti l'uno dall'altro in termini di tonalità, saturazione o valore, maggiore è il contrasto. Ulteriori informazioni sui colori contrastanti. Mentre il contrasto è spesso necessario per fornire una leggibilità ottimale (come un contrasto elevato tra lo sfondo e il testo), alcuni colori contrastanti stampati uno accanto all'altro possono sembrare vibrare ed essere molto stancanti per gli occhi.
- Complementare i colori appaiono sui lati opposti della ruota dei colori, direttamente o quasi l'una di fronte all'altra. Ulteriori informazioni sui colori complementari. Complementare è spesso confuso con in omaggio . Significati diversi Due colori che si completano (si appiattiscono) a vicenda possono o non possono essere complementi l'uno dell'altro.
Combinazioni di colori adiacenti, contrastanti e complementari possono spesso essere migliorate con l'uso di sfumature e tinte o creando contrasto aggiuntivo con il nero o il bianco. Vedi la pagina successiva per più colori che combinano le basi.
Indice dei colori di base:
- Grade School Color Mixing
- Primitive additive e sottrattive (RGB e CMY)
- Colore RGB nella pubblicazione desktop
- Colore CMY nella pubblicazione desktop
- Specifica dei colori
- Percezione del colore (questa pagina)
- Tonalità, tonalità, sfumature e saturazione
- Combinazioni di combinazioni di colori comuni
- Combinazioni di colori di messa a punto
Tonalità, tonalità, sfumature e colori di saturazione
Ci sono più colori che possiamo vedere e creare oltre a Rosso, Verde, Blu, Ciano, Giallo e Magenta. Sebbene la ruota dei colori sia spesso raffigurata con distinti blocchi di colore, sono davvero milioni di colori che si fondono l'uno con l'altro mentre ci muoviamo attorno al volante.
Ognuno di questi colori individuali è una tonalità. Il rosso è una tonalità. Il blu è una tonalità. Il viola è una tonalità. Teal, Violet, Orange e Green sono tutte tonalità.
È possibile modificare l'aspetto di una tonalità aggiungendo nero (ombra) o aggiungendo bianco (chiaro). Il valore di leggerezza o oscurità e il saturazione o la quantità della tonalità ci dà le nostre sfumature e tinte.
- Aggiungi diverse quantità di nero per ottenere occhiali da sole. Pensa alle tenebre che stanno arrivando e alle ombre che si oscurano per ricordare che a colore più nero è uguale a a ombra.
- Aggiungi quantità variabili di bianco per schiarire una tonalità. I colori chiari sono tinte. In termini di stampa, si utilizzano percentuali dei colori di inchiostro che costituiscono la tonalità pura, ad esempio 80%, 50% o 10%.
Questa è solo un'introduzione di base. Gioca con la saturazione, e valore per creare sfumature e sfumature di varie tonalità utilizzando questo Color Creatore di colori interattivo a Colorspire. In alternativa, utilizza le funzionalità di colore nel tuo software di grafica preferito per sperimentare tonalità, saturazione e valore.
Intensità, luminosità o luminosità possono essere utilizzate per fare riferimento al valore di un colore in alcuni programmi software.
Indice dei colori di base:
- Grade School Color Mixing
- Primitive additive e sottrattive (RGB e CMY)
- Colore RGB nella pubblicazione desktop
- Colore CMY nella pubblicazione desktop
- Specifica dei colori
- Percezione del colore
- Tonalità, tonalità, sfumature e saturazione (questa pagina)
- Combinazioni di combinazioni di colori comuni
- Combinazioni di colori di messa a punto
Combinazioni di combinazioni di colori comuni
Scegliere un colore è abbastanza difficile, l'aggiunta di uno o più colori al mix può essere scoraggiante. Se fai una ricerca sul web o leggi una varietà di libri e riviste sui colori troverai diversi metodi comuni descritti. Ci saranno anche variazioni. Solo per iniziare, considera questi metodi per trovare la tavolozza perfetta per i tuoi progetti di stampa o web.
- Monocromatico le tavolozze dei colori iniziano con una singola tonalità e quindi usano sfumature e / o tinte di quel colore per espandersi a due, tre o più colori. Per la stampa, utilizzare le tinte di un singolo colore è un modo per utilizzare il colore senza le spese della tradizionale stampa di quadricromia. Aggiungi inchiostro nero per testo e accenti.
- Analogo o armonizzando le tavolozze dei colori, utilizzare due o più colori adiacenti sulla ruota dei colori. Se si utilizza un segmento molto piccolo della ruota dei colori, l'aggiunta di sfumature o tinte di una o più tonalità può impedire a questi colori di essere troppo sbiaditi o a basso contrasto.
- Complementare le tavolozze dei colori possono utilizzare due, tre o quattro coppie di colori complementari. Con la tavolozza complementare divisa, guarda su entrambi i lati del complemento (opposto) del tuo colore principale per trovare una coppia adatta a completare la triade.
- Triade le tavolozze dei colori usano un trio di colori. Inizia a trovare tre colori che sono equamente distanziati intorno alla ruota dei colori e lavora da lì.
- Mescolalo selezionando una coppia complementare e aggiungendo una tinta (o due) di uno dei colori (monocromatico + complementare). Oppure scegliere da due a quattro colori (adiacenti) analoghi più il complemento di uno di quei colori (analogo + complementare).
Questi sono solo i punti di partenza. Non ci sono regole rigide e immutabili per mescolare e abbinare i colori. Scoprirai anche che le ruote colorate mostrate su vari siti potrebbero differire un po 'in modo che gli opposti diretti su una ruota dei colori siano in qualche modo diversi su un altro. Va bene. Spostare alcune tonalità in un modo o nell'altro quando si accoppiano i colori è come finiamo con tutti i tipi di tavolozze di colori interessanti. Bottom line: scegli combinazioni di colori che sembrano giuste per il tuo progetto.
- Quanti colori dovresti usare? Da due a cinque (incluso nero o bianco) è comune. Oltre a ciò (escluse le fotografie) può diventare visivamente travolgente e, a seconda del metodo di stampa / tipo di inchiostro, può essere costoso. Ma questa è solo una linea guida, non una regola. Con le pagine Web, l'utilizzo di più colori non incide sui costi se non in termini di clienti persi se i colori lo sono troppo .
- Quanto di ciascun colore dovresti usare? Mentre l'equilibrio è importante, ciò non significa che dovresti usare la stessa quantità di ogni colore nella tavolozza scelta. Bilancia una dose di un colore forte con piccole quantità di diversi colori più chiari o domatori. Di nuovo, non ci sono assoluti. Se stai usando un paio di colori molto forti, usare meno di uno di essi può impedire alla tua pagina di travolgere il lettore.
- Ci sono combinazioni di colori che non dovrebbero mai essere usate? Può essere. Forse no.Guarda alcune delle combinazioni di colori proibite prima di fare le tue scelte finali di combinazione di colori.
Indice dei colori di base:
- Grade School Color Mixing
- Primitive additive e sottrattive (RGB e CMY)
- Colore RGB nella pubblicazione desktop
- Colore CMY nella pubblicazione desktop
- Specifica dei colori
- Percezione del colore
- Tonalità, tonalità, sfumature e saturazione
- Combinazioni di combinazioni di colori comuni (questa pagina)
- Combinazioni di colori di messa a punto
Combinazioni di colori di messa a punto
Alcune delle ambiguità delle combinazioni di colori adiacenti, contrastanti e complementari possono essere alleviate con l'introduzione di bianco e nero, scuro e chiaro, sfumature e tinte.
Tonalità e tinte di colore
Utilizzando colori adiacenti o armonizzati, è possibile ottenere un maggiore livello di leggibilità aggiungendo bianco o nero a una delle tonalità, modificando la saturazione e il valore di una tonalità. Il nero crea una tonalità più scura della tonalità. Il bianco crea una tonalità più chiara dell'ombra. Nei casi in cui un abbinamento giallo e giallo-verde potrebbe essere troppo vicino per funzionare bene insieme, l'utilizzo di una tonalità di verde più scuro può aiutare la combo a poparsi davvero.
Questa è solo un'introduzione di base. Gioca con la saturazione, e valore per creare sfumature e sfumature di varie tonalità utilizzando questo Color Creatore di colori interattivo a Colorspire. In alternativa, utilizza le funzionalità di colore nel tuo software di grafica preferito per sperimentare tonalità, saturazione e valore. Alcuni software di grafica possono utilizzare intensità, luminosità o luminosità per fare riferimento al valore di una tonalità.
Crea contrasto con bianco e nero
Il bianco è l'ultimo colore chiaro e contrasta bene con i colori scuri come il rosso, il blu o il viola. Il nero è l'ultimo colore scuro e rende i colori più chiari, come il giallo, davvero fuori fuoco.
Qualsiasi singolo o più colori può cambiare - o meglio il nostro percezione di essi cambia - a causa degli altri colori circostanti, della vicinanza dei colori tra loro e della quantità di luce. Ecco perché un paio di colori che possono scontrarsi una volta affiancati, possono funzionare e avere un bell'aspetto se separati nella pagina o utilizzati con altri colori.
Un colore chiaro appare anche più chiaro quando è adiacente a un colore scuro (compreso il nero). Due colori simili affiancati possono apparire come due colori distinti, ma posizionati molto distanti iniziano a sembrare dello stesso colore.
La carta e le emozioni influenzano la percezione del colore
La quantità di luce che percepiamo in un colore è influenzata anche dalla superficie su cui è stampato. Una corvetta rossa lucida stampata in una rivista su carta liscia e lucida non assomiglierà alla corvetta rossa stampata nell'annuncio di un giornale. Le carte assorbono e riflettono la luce e il colore in modo diverso.
Significato del colore
Inoltre, le nostre scelte di colore sono spesso dettate dalle emozioni che evocano colori e combinazioni di colori specifici. Alcuni colori creano reazioni fisiche. Alcuni colori e combinazioni di colori hanno significati specifici basati sull'uso tradizionale e culturale.
- Calmante: blu, verde, turchese, argento
- Emozionante: rosso, rosa, giallo, oro, arancione
- Colori misti freddi / caldi: viola, lavanda, verde, turchese
- Significato dei colori neutri (unificante): marrone, beige, avorio, grigio, nero, bianco
Indice dei colori di base:
- Grade School Color Mixing
- Primitive additive e sottrattive (RGB e CMY)
- Colore RGB nella pubblicazione desktop
- Colore CMY nella pubblicazione desktop
- Specifica dei colori
- Percezione del colore
- Tonalità, tonalità, sfumature e saturazione
- Combinazioni di combinazioni di colori comuni
- Combinazioni di colori per la regolazione fine (questa pagina)
