Mi sono subito ricordata di questa immagine:
Ci sono molte variabili sconosciute nella tua domanda: sito web o logo, sfondo o pulsante, quali colori sono già stati utilizzati, cosa si trova nelle vicinanze, qual è l'area di copertura, ecc.
Prendiamo i colori verde e rosso usando l'esempio di Valeera di Kharstone di Blizz e le fragole (la natura stessa ha scelto la combinazione):
Bello, sì? Ciò significa che il verde si sposa bene con il rosso. Ora guarda cosa succederà se crei un pulsante verde su sfondo rosso o un pulsante rosso su sfondo verde:
Voglio chiudere in fretta: è troppo aggressivo in entrambi i casi, mette pressione al cervello. Si scopre che il verde e il rosso non stanno così bene insieme? Ma se lo sfondo è, ad esempio, bianco, il pulsante verde starà benissimo accanto a quello rosso:
Pertanto, la risposta alla domanda “che colore si abbina al verde” è solo per coloro che vedono il quadro completo.
Cerchio di colori
Prima di tutto ti consiglio di leggere qualcosa sulla ruota dei colori per farti un'idea e poterla utilizzare.
Ci sono molti servizi online su questo argomento. Conveniente -colorscheme.ru.
È facile da usare: scegli un colore (inserisci un codice o fai semplicemente clic su quello appropriato) e ottieni i colori corrispondenti. Una delle funzionalità è un esempio di una pagina con i colori selezionati. Schede sottostanti: pagina chiara o scura.
Guida ai colori
Illustrator ha una funzionalità interessante che funziona secondo il principio di una ruota dei colori e mostra la combinazione di colori. Il pannello si chiama Guida Colori.
Prendi un colore con una pipetta e l'illustratore ti mostra tutte le combinazioni: adiacenti, contrastanti, triadi e così via.
Temi di colore Adobe
Photoshop stesso ha la stessa funzionalità. In precedenza, questi erano solo temi (un insieme di colori), a cui veniva aggiunta la ruota dei colori stessa e ora il pannello si chiama Temi Adobe Color
Oltre l'arcobaleno
Io stesso seleziono i colori in base all'“arcobaleno”: trascino il cursore e seleziono il colore.
Nell'esempio ho selezionato rosso, viola e arancione. La scala (“arcobaleno”) aiuta solo a scegliere un colore con una tonalità diversa (H = Tonalità) e talvolta il risultato non è soddisfacente. Quindi non mi piaceva l’arancio sporco e spento e l’ho reso pulito e fresco. Se è necessario selezionare in base alla saturazione (S = Saturazione) o alla luminosità (B = Luminosità), è sufficiente modificare la scala.
Molti artisti utilizzano il modello del colore H.S.B.. Questo modello matematico è molto comodo per selezionare sfumature e colori. Modello H.S.B. in base al modello RGB, ma ha un sistema di coordinate diverso. Qualsiasi colore nel modello HSB è determinato dal suo Tonalità di colore(ombra), saturazione(ovvero la percentuale di vernice bianca aggiunta al colore) e luminosità(percentuale di vernice nera aggiunta). Dei tre componenti elencati, quello meno compreso saturazione. La saturazione può essere definita come la “vivacità” di un colore. Più un colore è saturo, più si allontana dal grigio. I colori bianco, nero e tutte le sfumature di grigio hanno una saturazione minima.
Guarda l'immagine. Il campione superiore dello spettro ha un'elevata saturazione, quello inferiore ha una bassa saturazione. In questo caso, la tonalità e la luminosità dei due campioni sono le stesse.
Tre canali Il modello HSB prende il nome dalle prime lettere delle parole inglesi Tonalità, Saturazione E Luminosità. Il modello HSB è universalmente utilizzato per la correzione del colore: in questo è indispensabile. In tutto applicazioni grafiche questo modello è presente in una forma o nell'altra. Il vantaggio di questo modello è che non è stato creato per monitor o stampanti, ma per le persone. Dopotutto, una persona percepisce intuitivamente il colore, dividendolo in tonalità, saturazione e luminosità.
È conveniente rappresentare il modello HSB nella forma ruota dei colori. Il valore del colore è selezionato come punto sul cerchio (o vettore, che emerge dal centro del cerchio e punta verso un dato punto). Le diverse tonalità sono disposte in un cerchio a 360 gradi. Il rosso corrisponde a 0, il giallo a 60, il verde a 120, il turchese a 180, il blu a 240 e il magenta a 300 gradi. I punti sul cerchio stesso corrispondono ai colori puri (massima saturazione). Il punto al centro corrisponde a un colore neutro con saturazione minima (bianco, grigio, nero - dipende dalla luminosità). Cioè, possiamo dirlo l'angolo del vettore determina la tonalità, la lunghezza del vettore determina la saturazione del colore. La luminosità del colore è impostata su un asse separato, il cui punto inferiore ha la luminosità minima e il punto superiore ha la massima.
Il modello HSB ha una gamma di colori abbastanza ampia. Non è grande come Lab, ma ha una copertura CMYK maggiore. Nell'immagine grigio I colori del modello HSB che vanno oltre la gamma CMYK vengono riempiti.
Raffreddatore di tavolozze(Kuler) è un generatore di combinazioni di colori incredibilmente utile, gestito dalla comunità, apparso per la prima volta in Photoshop CS4 e lanciato come applicazione Web diversi anni prima.
Se non ti piace lavorare con , non lo hai a portata di mano o hai bisogno di nuove idee per creare combinazioni di colori, puoi scegliere da elevato numero temi (come vengono chiamati gli schemi di colori nell'applicazione) creati da una comunità di utenti.
Aprire Tavolozza Kuler, selezionare il comando di menu Finestra - Estensioni - Kuler(Windows - Estensioni - Kuler)
Nota
Affinché la tavolozza possa scaricare i temi più recenti e più popolari creati dalla comunità online di utenti, è necessario essere connessi a Internet.
Attenzione!
La tavolozza Kuler non funziona su versioni piratate e senza licenza di Photoshop. Pertanto, se è aperta una finestra della tavolozza vuota, non è possibile risolvere nulla. Funziona solo nella versione con licenza del prodotto.
Interfaccia della tavolozza Kuler
Spiegazione delle note a piè di pagina:
Elemento 1: campo di input della query di ricerca.
Elemento 2: elenchi di filtri a discesa.
Punto 3 - Argomenti.
Elemento 4 - Pulsante Visualizza il set di argomenti precedente (Precedente).
Elemento 5 - Pulsante Visualizza la serie successiva di argomenti (Avanti).
Elemento 6 - Aggiorna gli argomenti nella comunità Kuler (pulsante Aggiorna).
Passaggio 7: pulsante Modifica tema nel pannello di creazione (Modifica temi).
Passaggio 8: pulsante Aggiungi il tema selezionato ai campioni.
Passo 9 - Seleziona il colore di base trascinando il cerchio con il mouse su/giù o verso/dal centro del cerchio.
Elemento 10: controllo della luminosità del dispositivo di scorrimento.
Punto 11 - Da sinistra a destra:
- Aggiungi il colore di primo piano come pulsante di base.
- Pulsante Aggiungi il colore di sfondo corrente come base (Aggiungi colore di sfondo come base).
- Pulsante Cambia altri colori del tema in base alle leggi dell'armonia (Applica armonia).
- Pulsante Aggiungi un nuovo colore al tema (Aggiungi colore).
- Pulsante Elimina dato colore dal tema (Elimina colore).
Passaggio 12: pulsante Carica tema colore sul sito Web Kuler (Carica)
Come utilizzare la tavolozza
Nella parte superiore della palette sono presenti tre pulsanti:
Intelligenza(Di). Se vuoi conoscere la comunità online o diventare un membro, questa scheda ti porterà al sito web dell'app. Dopo esserti registrato gratuitamente, potrai caricare i temi che crei sul sito web, valutare i temi di altri utenti, scrivere sui forum e così via.
Revisione(Navigare). Se desideri visualizzare i temi creati da altri utenti, puoi cercarli inserendo parole chiave (bello, solare, romantico, pastello, ecc.), nome dell'autore, nome del tema o valore esadecimale nel campo di immissione della query di ricerca. Oppure, in alternativa, sfoglia l'elenco degli argomenti utilizzando la barra di scorrimento. Gli elenchi a discesa nella parte superiore della tavolozza consentono di ordinare gli argomenti in base alla valutazione, al tempo trascorso sul sito Web e così via.
Per utilizzare un tema specifico, ovvero importare i suoi colori in Photoshop, selezionarlo, quindi fare clic sul pulsante Aggiungi lo schema selezionato ai campioni(Aggiungi il tema selezionato ai campioni) - punto 8.
Puoi anche fare clic sul piccolo triangolo che appare a destra dello schema quando lo selezioni e selezionare Aggiungi al pannello Campioni dal menu contestuale.
Creare(Creare). Fai clic su questo pulsante per aprire una scheda che ti consente di creare i tuoi temi.
Selezionare innanzitutto dall'elenco a discesa Regola Combinazione colori (Righello colore): è possibile creare altri schemi. Quindi trascina il mouse racchiuso in anello bianco cerchia sulla ruota dei colori in modo che sia colorata con il colore attorno al quale desideri creare un tema (in altre parole, il colore principale). Vedrai delle linee che vanno dal colore principale agli altri colori secondo la regola che hai scelto. Anche gli altri colori si sposteranno quando sposti quello principale.
Puoi trascinare il cerchio bianco del colore principale con il mouse verso il centro o lontano dal centro del cerchio, a sinistra o a destra, in alto o in basso, finché non trovi il colore che desideri.
Il campione centrale nella fila di campioni quadrati sotto la ruota dei colori mostrerà il colore principale. Quando trovi quello che desideri, puoi modificare il suo valore di luminosità: passaggio 10, più alto per schiarirlo o più basso per scurirlo.
Per cambiare un colore diverso del tema, selezionalo facendo clic sul relativo campione sotto la ruota dei colori. Vedrai che il cerchio corrispondente sulla ruota dei colori verrà evidenziato con un anello bianco. Una volta selezionato un cerchio, puoi cambiarne il colore trascinandolo in un altro punto del cerchio o modificarne la luminosità spostando il cursore.
Una volta trovati i colori del tema che ti soddisfano, fai clic sul pulsante Salva argomento(Salva tema) nell'angolo in basso a sinistra della tavolozza per salvare il tema, quindi fare clic sul pulsante a destra per aggiungere i colori di questo tema a campioni di tavolozza.
Se noti un errore nel testo, selezionalo e premi Ctrl + Invio. Grazie!
In Photoshop CC 2014 possiamo ridimensionare questo pannello in base alle nostre esigenze. Per allargare il pannello, sposta il cursore del mouse sul bordo sinistro e il cursore assumerà la forma di una freccia nera a doppio taglio. Premere il pulsante sinistro del mouse e trascinare il cursore per ridimensionare. Tieni presente che ciò modifica l'intera colonna, non solo il pannello stesso, quindi tutti gli altri pannelli nella colonna diventeranno più larghi:
Inoltre, allo stesso modo possiamo modificare l'altezza del pannello se spostiamo il cursore sul suo bordo inferiore.
Se desideri ridimensionare il pannello Colore senza modificare la dimensione degli altri pannelli in una colonna, trascinalo semplicemente fuori dalla colonna:
Ora che il pannello è sganciato, possiamo ridimensionare solo quel pannello. Trascina semplicemente uno degli angoli inferiori:
Nota. Sui computer con sistema operativo Per impostazione predefinita, il pannello Colore di Windows viene visualizzato in modalità Hue Cube. Sui computer che eseguono Mac OS, il pannello viene visualizzato in modalità Cursori RGB.
Come ho scritto sopra, il pannello "Colore" ha due modalità principali di selezione del colore: il "Cubo tonalità" e il "Cubo luminosità", oltre a questo ce ne sono altri. È la presenza di molte modalità che rende il pannello aggiornato così significativo e utile, e il pannello Colore è diventato molto più comodo da usare rispetto al tradizionale Selettore colore.
Cambia modalità facendo clic sull'icona nell'angolo in alto a destra e selezionando dall'elenco:
Queste modalità funzionano esattamente come nel Selettore colore.