Esiste una buona risorsa o strumento per aiutare a costruire una tavolozza / combinazione di colori attorno ai colori che seleziono?


65

Non importa quanto siano belli la composizione, il flusso e le linee del mio design, se non copio direttamente dalla natura, faccio fatica a scegliere una combinazione di colori decente. Sembra troppo triste o troppo appariscente.

C'è una buona risorsa che mi aiuterà a scegliere una combinazione di colori che ha 2 o 3 colori e che i colori non si scontrano?

Non sto cercando colori specifici o combinazioni di colori. Ciò di cui ho bisogno è una risorsa che mi aiuti a scegliere un colore (o colori) che si adatti bene o che offra un buon accento a qualunque colore principale stia lavorando sul design.


2
Hai provato Agave, disponibile nei repository Debian / Ubuntu? Lo uso sempre per questo.
ixtmixilix il

Risposte:


50

Uno strumento utile è Paletton (precedentemente noto come Color Scheme Designer):

Si specifica un colore iniziale e un tipo di combinazione di colori e genererà una tavolozza per te e ti permetterà di modificarla.

La cosa bella di questo strumento è che puoi vedere come sceglie gli altri colori in base al colore selezionato. C'è anche uno strumento per simulare l'aspetto di quei colori con diversi tipi di daltonismo.


Ce ne sono molti altri , molti dei quali mi piacciono di più di Paletton
Zach Saucier,

24

Devi leggere un buon libro di teoria del colore per capire almeno il principio generale, ad esempio su cosa sia il colore primario e secondario, i colori complementari ecc ... altrimenti non otterrai l'importanza di alcune scelte di tavolozza che farai .

Sul web il mio preferito in questo momento è: Kuler di Adobe , e ho usato anche http://colorschemedesigner.com/ già menzionato.

Suggerisco di avere una lettura veloce del CONTRASTO SIMULTANEO E SUCCESSIVO in cui l'associazione del colore fa sembrare che un colore su uno sfondo diverso abbia un aspetto diverso.

Anche se non mi hai chiesto, ti suggerisco di avere a portata di mano per verificare che i colori del sito Web abbiano un buon contrasto per la leggibilità, io uso questo: http://graybit.com/main.php


1
per ulteriori informazioni sulla teoria dei colori, consultare questa precedente domanda su stackexchange: graphicdesign.stackexchange.com/questions/2/…
JamesHenare,

Adobe Kuler ( color.adobe.com/create/color-wheel ) è anche il mio preferito per il momento principalmente perché l'interfaccia è piacevole da usare. Di solito non giudico gli strumenti in base all'aspetto, ma quando ha tutte le caratteristiche che gli altri fanno e si integra con i prodotti Adobe (il mio software di progettazione preferito), potresti anche scegliere quello carino.

18

Ce ne sono molti là fuori, ma qui ci sono alcuni dei miei generatori preferiti. La maggior parte degli elenchi ti consente di inserire il tuo colore come specificato.

Ci sono anche alcuni siti che ti offrono tavolozze prefabbricate, comprese quelle di marchi famosi

Ci sono anche alcuni siti che offrono combinazioni di sfumature da cui è possibile ottenere i codici colore da:

Oppure puoi lasciare che AI ​​scelga alcuni colori per te usando AI Color Wheel .

Se non riesci ancora a trovare una tavolozza di colori in qualche modo, questo repository ha alcune risorse aggiuntive.


Mi piace anche guardare la tabella qui sotto (estratta da qui quando si considera quali colori mescolare (di solito in cima ai gradienti sopra) per il miglior contrasto:

colori contrastanti tra loro



7

Innanzitutto: familiarizzare con il modello di colore HSB . HSB definisce un colore per:

  • Tonalità : tipo di colore, come in: sceglierne uno da un arcobaleno — in gradi;
  • Saturazione : inversa della quantità di bianco aggiunto — in percentuale;
  • Luminosità : inversa della quantità di nero aggiunto — in percentuale.

Una buona regola empirica sarebbe campionare i colori del marchio esistenti e determinarne il valore di Tonalità. Inizialmente, attenersi a quei valori H e iniziare a variare i valori S e B. Questo crea colori che si armonizzano bene con i colori esistenti quasi per definizione.

Se hai davvero bisogno di un colore contrastante e l'unico modo è usare un valore H diverso, prova prima a stabilire in che modo sono correlati i valori H dei colori esistenti. È quindi possibile basarsi su quella relazione per creare nuove tonalità.

I due colori sono distanti 180 °? Quindi potresti voler aggiungere 90 ° a uno di essi per creare una terza tonalità con cui lavorare. Sono distanti 40 °? Aggiungi 40 ° a uno dei valori di colore o sottrai 40 ° dall'altro per ottenere un'impostazione del colore analogica . Oppure, prendi la media dei due valori H e poi inverti il ​​risultato (aggiungi o sottrai 180 °, qualunque sia il numero positivo inferiore a 360) per creare un'impostazione cromatica complementare divisa .

Quindi inizia a giocherellare con i valori S e B della nuova tonalità.

Non dimenticare di fare un passo indietro e regolare il valore H calcolato quando il risultato non è all'altezza delle tue aspettative. I valori H calcolati esattamente sono fantastici, ma sono solo uno strumento: non esitare a modificare le cose in un litte per renderlo esteticamente migliore.


6

Ho trovato colourlovers.com una risorsa molto utile per costruire combinazioni di colori. Ma se vuoi avere un'idea migliore dell'uso del contrasto e dell'armonia come strumento per migliorare il tuo design, dovresti leggere la teoria dei colori. Personalmente mi sono piaciuti i Principi di progettazione del colore di Wucious Wung e Interazione del colore di Josef Albers


L'interazione del colore è un primer fantastico! Ogni tanto cerco di leggerlo e di ripassare la mia teoria dei colori.
borghese il


4

Di solito, uso il selettore colore per scegliere i colori direttamente dalle immagini con cui sto lavorando. In questo modo, sono sicuro che i colori corrisponderanno. È facile e veloce quando non hai molto tempo da dedicare al tuo progetto.




2

Uno strumento straordinario per la creazione di tavolozze di colori, che credo sia una gemma nascosta è Adobe Capture CC. L'ho scoperto mentre guardavo un evento Adobe Live Stream.

È un'app gratuita, disponibile sia per iOS che per Android che genera automaticamente la tavolozza dei colori di una foto scattata con la fotocamera.

Se fai una passeggiata nel parco, visiti un museo o ti imbatti in uno spettacolo cromaticamente impressionante, puoi ottenere quella tavolozza di colori in pochi minuti.

L'app ti dà anche la possibilità di trasformare uno schizzo di carta direttamente in un vettore. Lo disegni su carta, lo fotografi e voilà. Non è più necessario importare immagini e tracciare con lo strumento penna.

Incoraggio tutti a dare un'occhiata!


1

Alcune risorse che ho trovato utili elencate di seguito durante la scelta dei colori.

  • AI con Colormind: strumento che utilizza AI e un ampio campione di "buoni" disegni / opere d'arte / stampe per generare combinazioni di colori. È anche possibile fornire i propri colori e generare colori complementari. http://colormind.io/

  • Regole strutturate: molte altre buone risposte su HSB e altri approcci / teorie. Questa pagina prende a pugni con regole chiare su come farlo e con risultati ok. https://tallys.github.io/color-theory/


0

Suggerirei di controllare http://colorsupplyyy.com È un buon strumento per la generazione del colore e utilizza le tavolozze dei colori dei migliori designer di tutto il mondo!


Ciao Mason, grazie per il tuo contributo e benvenuto su GD.SE. Mi dispiace dirti che la tua risposta ha attirato alcune bandiere per lo spam. Siamo stati sotto una vera e propria ondata di spam e la community si sta impegnando a fondo in tutto ciò che sembra remoto. Se potessi spiegare un po 'di più perché ti piace questo strumento e chiarire che non sei affiliato ad esso, il tuo post migliorerebbe molto. Grazie per lo sforzo! Se hai domande sul sito, dai un'occhiata al centro assistenza . Continua a contribuire e goditi il ​​sito!
Vincent,

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.