Non tutti i gestori di siti web hanno anche doti da designer. Questo però non significa che il vostro sito debba ri­sen­tir­ne. L’ap­pli­ca­zio­ne Color Scheme Designer si presenta con una nuova veste: la web app gratuita Paletton, che vi aiuta in pochi clic a creare com­bi­na­zio­ni di colori tra loro affini. Lo strumento online si basa sulla teoria dei colori e individua per ogni tonalità una scala cromatica com­ple­men­ta­re. In questo modo, non solo potrete donare un tocco pro­fes­sio­na­le alle sezioni grafiche del vostro sito, ma riu­sci­re­te a creare com­po­si­zio­ni cro­ma­ti­che armoniose anche per le vostre pre­sen­ta­zio­ni o in­fo­gra­fi­che.

Come uti­liz­za­re Paletton per le vostre com­bi­na­zio­ni di colori

Con Paletton potete creare cinque diversi tipi di com­bi­na­zio­ni di colori: Mo­no­chro­ma­tic, Adjacent, Colors, Triad, Tetrad e Free Style. Come punto di partenza è possibile scegliere un colore di base qualsiasi che potete combinare con un massimo di tre tonalità e con i ri­spet­ti­vi colori com­ple­men­ta­ri. Con i seguenti pulsanti potete se­le­zio­na­re la com­bi­na­zio­ne che preferite:

Di seguito in dettaglio i cinque tipi di com­bi­na­zio­ni di­spo­ni­bi­li:

  • Mo­no­chro­ma­tic: optando per la modalità mo­no­cro­ma­ti­ca, la vostra palette con­si­ste­rà di cinque gra­da­zio­ni diverse del colore di base da voi scelto, com­bi­na­bi­le con il relativo colore com­ple­men­ta­re.
  • Adjacent colors: in questa modalità vengono create palette, as­se­gnan­do alla tonalità di base da voi scelta due colori simili. Ad ogni colore vengono assegnate cinque gra­da­zio­ni. Op­zio­nal­men­te allo schema di colori può essere aggiunto un colore com­ple­men­ta­re alla tonalità di base.
  • Triad: gli schemi di colore creati con questa modalità sono composti da tre tonalità ar­mo­nio­sa­men­te combinate tra di loro, ciascuna in cinque gra­da­zio­ni. Anche qui è possibile ag­giun­ge­re il colore com­ple­men­ta­re alla tonalità di base.
  • Tetrad: con questa modalità combinate la vostra tonalità di base con due colori secondari e uno com­ple­men­ta­re. Per ogni tonalità vengono generate cinque gra­da­zio­ni.
  • Free Style: il modo free style non segue le regole del cerchio cromatico. Avete la pos­si­bi­li­tà di combinare a scelta quattro tonalità in modo per­so­na­liz­za­to. Questa modalità offre un ampio margine di crea­ti­vi­tà, ma non sempre genera palette di colori armoniose.

Il cerchio cromatico

La scelta della tonalità di base, nonché dei colori secondari avviene mediante un cerchio cromatico che funziona in modo intuitivo: in base a dove inserite i re­go­la­to­ri di tonalità e i colori com­ple­men­ta­ri, Paletton genera una palette di colori basata sulle tonalità impostate. Se uti­liz­za­te le modalità Adjacent Colors, Triad o Tetrad, il concept cromatico sarà il risultato di schemi di com­bi­na­zio­ne pre­im­po­sta­ti, che ga­ran­ti­sco­no una com­po­si­zio­ne armoniosa. Mentre con l’aiuto del cerchio cromatico esterno definite i valori cromatici, con quello interno potete adeguare la gra­da­zio­ne della tonalità cromatica scelta.

Provare la palette di colori di­ret­ta­men­te sulle grafiche

Se avete già in mente un concept cromatico, potete provare l’effetto della com­bi­na­zio­ne scelta su grafiche di esempio. Uti­liz­za­te il pulsante Examples e scegliete tra Page Layout, Artwork o Animated.

Esportare i colori

Per ottenere il codice esa­de­ci­ma­le e altre in­for­ma­zio­ni sulla vostra com­bi­na­zio­ne di colori, cliccate sem­pli­ce­men­te sui singoli colori della vostra palette per aprire la finestra Color Info.

In al­ter­na­ti­va, Paletton vi offre la pos­si­bi­li­tà di esportare palette di colori in­di­vi­dua­li in diversi formati come CSS, LESS, SASS, XML o campioni per Photoshop. Cliccate sul pulsante Tables/Export e se­le­zio­na­te il formato de­si­de­ra­to.

Al seguente link trovate una breve in­tro­du­zio­ne a Paletton in lingua inglese dell’utente di YouTube Chris Stefanski:

XFcqTmLhJFA.jpg Per visualizzare questo video, sono necessari i cookie di terze parti. Puoi accedere e modificare le impostazioni dei cookie qui.
Vai al menu prin­ci­pa­le