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

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.

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.

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

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.

• ColorFavs : tavolozza di immagini e galleria di tavolozze e colori di altre immagini
• Pictaculous - Palette from image (di fronte è l' immagine dal colore )
• ColorKitty - Tavolozza dall'immagine
• Colori coesivi - Nuova tavolozza formata da una vecchia tavolozza + sovrapposizione di colori
• Amanti dei colori - Tavolozze basate sul colore o sulla combinazione
• Handy Colours - Tavolozze dai colori nominati (utile per i test) e alcune tavolozze predefinite
• Piculare - colori dai termini di ricerca
• ColorBox - Generatore di Lyft
• Data Color Picker - Generator ("appositamente per la visualizzazione dei dati")
• Colormind - Generatore che utilizza l'interfaccia utente per mostrare i colori
• Palx - Generator ("specificatamente per l'interfaccia utente")
• Geenes - Generatore
• Color by HailPixel - Generatore
• ColourCo.de - Generatore
• Adobe Color CC - Generatore
• Refrigeratori - Generatore
• App Tavolozza - Generatore
• Fornitura colore - Generatore di tavolozze a 2 colori

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

• Generatore di tavolozze dei materiali di Google : genera modelli di colori dei materiali in base alle linee guida di progettazione ^{(bene, chiudi )}
• UI Tint - Tavolozze dei colori del marchio
• Colori del marchio - Colori del marchio
• Culrs - Tavolozze selezionate in base al tipo di colore
• Tavolozze Poke - Tavolozze basate su Pokemon
• Salto di colore - Tavolozze basate su periodi di tempo
• Colore trovato : tavolozze di foto curate
• The Day's Color : nuova palette ogni giorno
• Tavolozze di colori minimalisti - Un'ottima selezione di tavolozze scelte a mano
• lolcolors - Tavolozze preselezionate
• Combinazioni di colori per i siti Web - Combinazioni di colori con descrizioni degli aggettivi
• Colori : tavolozze generate al computer
• Color Hunt - Multipli palette giornaliere

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

• CSSGradient - generatore di gradiente
• uiGradients - probabilmente il mio sito gradiente preferito
• Grabient
• Webgradients
• Eggradients
• Colorffy - 3 sfumature di colore
• Designer del colore
• Magia Gradiente

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:

Photoshop CS5 ha un'estensione chiamata Kuler che lo fa.

Puoi raggiungerlo attraverso il menu; Finestra / Estensioni / Kuler o tramite il sito Web, http://kuler.adobe.com/

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.

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

Puoi sempre andare al tuo Home Depot o Lowe's locale, andare al reparto verniciatura e ritirare alcuni dei loro volantini della stanza campione. :)

O più seriamente, ecco una descrizione di come funzionano le combinazioni di colori.

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.

La parte 3 di una serie in tre parti sulla teoria del colore si applica direttamente a questa domanda.

Creazione di tavolozze dei colori personalizzate

Ottima spiegazione sulla scelta della propria combinazione di colori basata sulla ruota dei colori. (tratto da questa domanda di scambio di stack )

Dai un'occhiata a questo può aiutarti di più.

http://galacticmilk.com/sphere/

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!

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/

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!

Consiglio vivamente ColorPK

Mi carica più veloce e pulito per me,

e potrebbe anche estrarre il colore dall'immagine