30 gennaio 2005

Combinazioni Di Colori Per Un Sito Web

Scegliere combinazioni di colori per un sito web è un compito difficile per chi non conosce i fondamenti della grafica o del Web Design. Fortunatamente esistono alcuni software che ti possono aiutare a scegliere e combinare i colori che userai per creare il tuo sito web in modo armonico. In questa guida ho raccolto tutti i programmi e servizi che ti possono aiutare a individuare, scegliere e combinare i colori anche se non sei un esperto di Web Design.

Le combinazioni di colori sono infinite ma l'occhi umano percepisce come "armoniche" solo alcune combinazioni di colori. Come per le note musicali, ci sono alcune leggi matematiche che, se rispettate, generano musiche (combinazioni di note) e immagini (combinazioni di colori) piacevoli e armoniche.

La bella notizia è che, anche se non sei un Web Designer, puoi utilizzare un software programmato per generare combinazioni di colori secondo le leggi matematiche dell'armonia e avere, in pochi click, una combinazione di colori pronta per l'uso, con tanto di codici RGB, CMYK o Esadecimali da utilizzare per il design del tuo sito.

Con i tool che trovi in questa guida puoi:

Creare combinazioni di colori a partire da un colore di riferimento;

Individuare combinazioni di colori presenti in un'immagine, se vuoi impostare il design del tuo sito a partire da una foto o un'immagine;

Conoscere il codice di un colore e il valore esadecimale, RGB e CMYK di qualsiasi colore visualizzato sul tuo schermo, se vuoi trarre ispirazione da altri siti web con un design che ti piace;

Cercare immagini con combinazioni di colori particolari, impostando il colore che stai cercando e attingendo dai più noti siti di Photo Sharing.

Se scopri qualche altro software o servizio interessante per chi vuole trovare combinazioni di colori, segnalamelo nei commenti e non esiterò ad inserirlo nella lista.

ColorPix

ColorPix è un piccolo software da scaricare sul computer che ti permette di conoscere i codici, le coordinate e il numero di pixel di ogni colore presente sul tuo schermo. ColorPix traduce automaticamente ogni colore in codice RGB, HEX, HSB e CMYK e permette anche di fare lo zoom su una porzione di schermo. Funziona con Windows ed è gratuito.

http://www.colorschemer.com/colorpix_info.php
COLOURlovers

COLOURlovers è uno strumento pensato apposta per creare le migliori combinazioni di colori (palette). Puoi navigare e cercare tra le combinazioni di colori già create dagli altri utenti, oppure creare la tua palette personale. Scegli un colore di partenza, digitando il codice HTML associato al colore o semplicemente scegliendolo dalla palette del programma, e COLORlovers creerà automaticamente un insieme di colori al quale puoi assegnare un nome e dei tag specifici. Inoltre puoi creare palette anche a partire da una fotografia, semplicemente inserendo l'indirizzo web dell'immagine. Gratis.

http://www.colourlovers.com/
Whats Its Color

Whats Its Color è un servizio web gratuito che serve a trovare i colori complementari di un'immagine. Devi solo fare l'upload di una foto o trovarne una sul web: verrà visualizzata una combinazione composta dai colori primari dell'immagine e ti sarà fornito anche il relativo codice in formato HTML. Ti sarà proposta infine una top ten dei colori unici, di quelli complementari e dei colori dominanti dell'immagine. Non è necessaria le registrazione ed è gratuito.

http://whatsitscolor.com/
Color Schemer Online

Color Schemer Online è un'applicazione web che puoi usare per creare i migliori abbinamenti di colori possibili. Devi solo selezionare i valori RGB o quelli HEX del colore con cui vuoi iniziare: ti verrà immediatamente fornito uno schema dei colori più attinenti, con i relativi codici HEX e RGB. Puoi anche rendere più chiaro o più scuro lo schema cliccando semplicemente su un pulsante. Gratis.

http://www.colorschemer.com/online.html
Instant Eyedropper

Instant Eyedropper è un software gratuito da scaricare sul computer e che funziona solo su Windows. Il suo scopo è quello di permetterti di catturare il codice HTML del colore di ogni singolo pixel del tuo schermo o di una sezione di esso. Dopo averlo installato vedrai una nuova icona nella barra del sistema: dovrai solo cliccare sull'icona, tenere premuto il tasto destro del mouse e rilasciarlo solo quando hai puntato il cursore sul punto dello schermo di cui vuoi conoscere il colore. Comparirà a quel punto una piccola finestra dove potrai leggere il codice che sarà automaticamente copiato nella clipboard. Gratuito.

http://instant-eyedropper.com/
Flickr Color Selectr

Flickr Color Selectr è un servizio online gratuito che ti permette di selezionare automaticamente le immagini in base ai colori e alle licenze. L'interfaccia è semplicissima e molto facile da usare, infatti è costituita da un unico strumento per analizzare i colori: basandosi sul colore scelto Flickr Color Selectr ti fa visualizzare tutte le immagini che contengono quel colore e che sono pubblicate con licenza Creative Commons. E' completamente gratuito e non richiede nessuna installazione.

http://color.slightlyblue.com/
Color Fields Colr Pickr

Color Fields Colr Pickr è un'applicazione online che ti permette di cercare immagini su Flickr usando una semplice ruota di colori senza altri campi di ricerca. Devi solo cliccare sul colore che ti interessa e le immagini di Flickr composte da quel particolare colore inizieranno a circondare la ruota. Puoi anche limitare la tua ricerca a una specifica categoria (come fiori, graffiti, porte, finestre, texture, etc.). Gratuito.

http://www.krazydad.com/colrpickr/
Daily Color Scheme

Daily Color Scheme è un sito web che fa esattamente quello che dice il nome: offre ogni giorno uno schema di colori che puoi importare e che puoi utilizzare con i software di design. Puoi anche esplorare i vecchi schemi di colori, puoi sfogliare gli archivi giornalieri o puoi fare ricerche su parole chiave specifiche. Scelto lo schema che ti piace di più, lo puoi importare per utilizzarlo con Photoshop e Illustrator, o puoi scaricare il file CSS e/o HTML. Gratuito.

http://beta.dailycolorscheme.com/
ColorToy 2.0

ColorToy è un generatore gratuito di schemi che crea dei colori complementari a quelli forniti da te. Senza dover effettuare nessuna registrazione, puoi inserire il tuo colore sia in codice RGB che HEX, poi non ti resta che cliccare sul pulsante "submit" e ottenere la lista dei nove colori complementari con i relativi codici HEX accanto. ColorToy è gratuito e non è richiesta alcuna registrazione.

http://www.defencemechanism.com/color/
Color Palette Generator

Color Palette Generator è un generatore online di schemi di colori che ti permette di conoscere lo schema di colori di qualsiasi immagine. Dopo aver inserito l'URL di un'immagine e cliccato su un pulsante, automaticamente ti mostrerà l'immagine e ti fornirà due combinazioni di colori estratte dall'immagine stessa, una più lieve e una più intensa. Color Palette Generator inoltre ti fornisce i valori HTML dei colori per una semplice esportazione. Gratuito.

http://www.degraeve.com/color-palette/
Color Hunter

Color Hunter è un servizio web-based che puoi utilizzare per creare da ogni immagine una palette di colori. Puoi estrarre uno schema di colore da qualsiasi immagine di cui conosci l'URL, ma puoi anche caricarla direttamente dal tuo computer e ottenere automaticamente una palette composta da cinque colori e dai relativi codici HTML. Inoltre il sito conserva tutti gli schemi creati dagli utenti che poi possono essere esplorati e utilizzati senza limitazioni. Gratuito.

http://www.colorhunter.com/
Colour Contrast Check

Colour Contrast Check è un tool che ti permette di scegliere un colore di primo piano e uno di sfondo e vedere se il contrasto funziona. Per selezionare i tuoi colori puoi usare tre semplici pannelli RGB o puoi fornire i codici HTML. Subito dopo il software ti comunicherà il grado di luminosità e la differenza di colore, fornendoti informazioni sulla leggibilità dei caratteri. Gratuito.

http://www.snook.ca/technical/colour_contrast/colour.html
mooColorFinder

mooColorFinder è un'applicazione web gratuita che visualizza lo schema di colore usato su un sito web. Tutto quello che devi fare per ottenere lo schema di colore di un sito web è incollare l'URL nel campo predisposto e cliccare sul pulsante "Get": appariranno diversi box di colori che rappresentano gli schemi utilizzati su quel particolare sito, passandoci sopra con il mouse otterrai i singoli valori di ogni colore. Gratuito.

http://www.artviper.net/colorfinder.php
Color Schemer

Color Schemer è un servizio gratuito online che ti permette di ricavare lo schema di colore di qualsiasi immagine che abbia un formato JPG o PNG. Dopo aver caricato online un'immagine, il software l'analizzerà automaticamente e ti fornirà l'elenco dei colori presenti in essa, con i relativi codici esadecimali. Gratuito, non richiede alcuna registrazione.

http://www.atalasoft.com/31apps/ColorSchemeGenerator/default.aspx
ColorCombos.com

ColorCombos è una risorsa online che puoi usare per controllare facilemnte le combinazioni di colori. Puoi utilizzare il Combo Tester, che ti consente di vedere come appaiono insieme sullo schermo diverse combinazioni di colori, la Combo Library, per sfogliare tra le combinazioni di colori gia predefinite, ma è anche possibile prendere lo schema di colori presenti inun sito web inserendo la URL nell'apposito spazio. Gratuito, non è richiesta alcuna registrazione.

http://www.colorcombos.com/
Sessions Color Calculator

Questo piacevole e funzionale Color Calculator ti aiuta a trovare la combinazione di colori che stavi cercando in un attimo. Una tavolozza di colori ti consente di scegliere il colore di partenza da un ampio spettro e ci sono vari modelli matematici tra i quali puoi scegliere affinché il sistema elabori automaticamente la combinazione di colori che preferisci. Puoi federe facilmente e in modo interattivo i valori RGB, CMYK e i codici esadecimali dei colori, in modo da poterli esportare e usarli dove ti servono.

Il Sessions Color Calculator è uno strumento utile e facile da usare, in grado di trovare combinazioni di colori d'effetto. L'unica difficoltà è risucire a scegliere tra tutte le possibilità che ti vengono offerte.

E' un peccato che non si possa scegliere il colore di partenza inserendo direttamente uno specifico codice RGB/CMYK/Esadecimale. Se sai già esattamente quale colore vuoi usare, questo software ti risulterà un po' difficile da usare.

Per utilizzare il Color Calculator non devi far altro che inserire il tuo nome e l'email, perché il servizio è completamente gratis.

http://www.sessions.edu/ilu/ilu_1.asp
Color Wheel Pro

Progettato da Nicole Ross per puri scopi personali, Color Wheel Pro è un'applicazione che ti permette di creare interattivamente vari tipi di schemi di colore e di avere un'anteprima su di esempi reali come siti o loghi. L'anteprima fornita è in tempo reale: nel momento in cui correggi lo schema di colore puoi verficare i tuoi cambiamenti su campioni disponibili immediatamente.

Una ruota interattiva di colori fornisce l'accesso ad una perfetta combinazione matematica di colori. In seguito puoi selezionare di salvare e fare l'anteprima di set preselezionati di differenti colori applicati ai molti design campione offerti.Color Wheel Pro include tutti gli schemi di colore classici: Monocromatico, analogo, complementare, complementare split, triadico e tetraedico. E' inoltre possibile creare degli schemi di colore personalizzati, definiti "freeform".

Un elemento estremamente utile per questo tool è un file di guida estremamente ben scritto che contiene un sacco di informazioni utili sul colore e le sue caratteristiche. Da solo vale il prezzo di vendita di Color Wheel Pro. Un'area in cui Color Wheel Pro necessita di seri miglioramenti riguarda la funzione che permette all'utente di vedere facilmente ed esportare i codici di colore e di inserirli con l'ausilio dei codici numerici di cui ha bisogno. Color Wheel Pro ha un trial gratuito di 30 giorni. Te lo raccomando.

http://www.color-wheel-pro.com/
ColorImpact

E' la Rolls-Royce degli strumenti di combinazione colore. ColorImpact è il miglior tool disponibile al giorno d'oggi per creare schemi di colore armoniosi.

ColorImpacts offre in un unico tool tutte le migliori caratteristiche che puoi ottenere dagli altri tool disponibili attualmente. E' uno strumento pieno di caratteristiche, intuitivo, affidabile e performante. Con un'interfaccia utente altamente visuale, ColorImpact trasforma la pura teoria dei colori in azione con un semplice click.

ColorImpact è costruito per i professionisti del multimediale e per i Web Designer, ma può essere facilmente utilizzato anche dagli utenti alle prime armi. Molte combinazioni di colore sono già di base ed includono triadi di colore, colori complementari e colori analoghi. Puoi perfino progettare la tua propria combinazione di colore personalizzata per esplorare combinazioni personalizzate ed interarattive.

Gli schemi di colore possono essere esportate come palette di Photoshop , stili CSS o semplicemte copiate su di una lavagna ed incollate all'interno della tua applicazione di design preferita.

ColorImpact offre molte caratteristiche avanzate che faranno la gioia di ogni designer. Esse includono:

a) La qualità e la varietà dei modelli di test interattivo resi disponibili.

b) La palette "variation" che ti permette di esplorare le variazioni della palette di colori che stai utilizzando in quel momento. Guarda come ti apparirebbe lo schema di colori se rendi i tuoi colori più leggeri, più luminosi, più scuri, più o meno saturi, più caldi o più freddi.

c) La caratteristica "cancellare" che va indietro di ben 100 azioni.

d) L'opzione "progettazione di una formula di colori" che ti permette di creare una combinazione di colori personalizzata.

e) Un raccoglitore integrato di colori che ti permette un campionamento preciso dei riferimenti di colore direttamente da immagini, pagine web ed altri documenti.

Il programma include molte funzionalità di accesso veloce da Photoshop, Dreamveaver, Fireworks, Frontpage ed altre applicazioni. Puoi scaricare un trial gratuito di 14 giorni. Da provare assolutamente.

http://www.tigercolor.com/ColorImpact.asp
ColorBlender

ColorBlender è uno software online per creare combinazioni di colori e palette armoniose. Dopo aver selezionato un colore di partenza, il software ti suggerisce automaticamente 6 palette possibili (blend) che si accordino arminicamente con il tuo colore. Queste palette possono essere salvate per utilizzarle in altri momenti.

Una volta individuata la combinazione di colori che preferisci, puoi scaricarla come una tavolozza compatibile con Photoshop (in formato .act) o con Illustrator (.eps), oppure inviarla a qualsiasi indirizzo mail. Se non hai preferenze particolari e ti senti ispirato, usa l'ozione random e il sistema sceglierà per te. In più il software ti potrà suggerire anche il PANTONE corrispondente. Nella guida di ColorBlender trovi spiegate molte altre funzionalità. Completamente gratis.

http://www.colorblender.com/
ColorMatch 10K

Questo software ti consente di trovare una palette di 6 colori partendo da un colore del quale conosci i valori RGB. E' semplice da usare e ideale per trovare una combinazione di colori da usare sul tuo sito web se non hai esperienza con tool di quersto tipo. Secli un colore e gli altri colori armonici verranno calcolati automaticamente. Fai click su un colore della palette se vuoi adottarlo come colore di partenza oppure salvalo per usarlo in un altro momento. ColorMatch 10K nasce da una modifica a un altro software che puoi trovare su http://www.colormatch.de. Gratis.

http://www.nickherman.com/colormatch/