L’app della settimana: Paletton
Non tutti i gestori di siti web hanno anche doti da designer. Questo però non significa che il vostro sito debba risentirne. L’applicazione Color Scheme Designer si presenta con una nuova veste: la web app gratuita Paletton, che vi aiuta in pochi clic a creare combinazioni di colori tra loro affini. Lo strumento online si basa sulla teoria dei colori e individua per ogni tonalità una scala cromatica complementare. In questo modo, non solo potrete donare un tocco professionale alle sezioni grafiche del vostro sito, ma riuscirete a creare composizioni cromatiche armoniose anche per le vostre presentazioni o infografiche.
Come utilizzare Paletton per le vostre combinazioni di colori
Con Paletton potete creare cinque diversi tipi di combinazioni di colori: Monochromatic, 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 rispettivi colori complementari. Con i seguenti pulsanti potete selezionare la combinazione che preferite:
Di seguito in dettaglio i cinque tipi di combinazioni disponibili:
- Monochromatic: optando per la modalità monocromatica, la vostra palette consisterà di cinque gradazioni diverse del colore di base da voi scelto, combinabile con il relativo colore complementare.
- Adjacent colors: in questa modalità vengono create palette, assegnando alla tonalità di base da voi scelta due colori simili. Ad ogni colore vengono assegnate cinque gradazioni. Opzionalmente allo schema di colori può essere aggiunto un colore complementare alla tonalità di base.
- Triad: gli schemi di colore creati con questa modalità sono composti da tre tonalità armoniosamente combinate tra di loro, ciascuna in cinque gradazioni. Anche qui è possibile aggiungere il colore complementare alla tonalità di base.
- Tetrad: con questa modalità combinate la vostra tonalità di base con due colori secondari e uno complementare. Per ogni tonalità vengono generate cinque gradazioni.
- Free Style: il modo free style non segue le regole del cerchio cromatico. Avete la possibilità di combinare a scelta quattro tonalità in modo personalizzato. Questa modalità offre un ampio margine di creatività, 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 regolatori di tonalità e i colori complementari, Paletton genera una palette di colori basata sulle tonalità impostate. Se utilizzate le modalità Adjacent Colors, Triad o Tetrad, il concept cromatico sarà il risultato di schemi di combinazione preimpostati, che garantiscono una composizione armoniosa. Mentre con l’aiuto del cerchio cromatico esterno definite i valori cromatici, con quello interno potete adeguare la gradazione della tonalità cromatica scelta.
Provare la palette di colori direttamente sulle grafiche
Se avete già in mente un concept cromatico, potete provare l’effetto della combinazione scelta su grafiche di esempio. Utilizzate il pulsante Examples e scegliete tra Page Layout, Artwork o Animated.
Esportare i colori
Per ottenere il codice esadecimale e altre informazioni sulla vostra combinazione di colori, cliccate semplicemente sui singoli colori della vostra palette per aprire la finestra Color Info.
In alternativa, Paletton vi offre la possibilità di esportare palette di colori individuali in diversi formati come CSS, LESS, SASS, XML o campioni per Photoshop. Cliccate sul pulsante Tables/Export e selezionate il formato desiderato.
Al seguente link trovate una breve introduzione a Paletton in lingua inglese dell’utente di YouTube Chris Stefanski:
Articoli simili
L’applicazione della settimana: What The Font
Con What The Font potete trovare i font meno conosciuti. Questo strumento gratuito, che vi presentiamo nell’ambito della rassegna “L’app della settimana”, trova i font sulla base di un formato definito. Tutto quello di cui avete bisogno è lo screenshot di un pezzo di testo: al resto pensa il riconoscimento automatico del carattere.
Ruslan GrumbleShutterstock Ispirazione per un design creativo per il tuo sito web
Siete alla ricerca di idee per scegliere il design giusto per il vostro sito? In rete ci sono moltissime piattaforme, community e blog che si occupano dell’estetica delle pagine web. In questo articolo abbiamo raccolto per voi le migliori fonti di ispirazione per il web design: qui potete trovare delle idee originali per conferire la giusta immagine al vostro sito, sia che pensiate ad un Flat…
Ruslan GrumbleShutterstock Le tendenze del web design più popolari nel 2024
Nel 2024 i web designer daranno libero sfogo alla creatività: a partire dai design nostalgici e massimalistici fino ad arrivare a raffinatezze tecniche come lo scorrimento parallasse e i chatbot. La sfida principale in questo caso è quella di integrare nel proprio progetto i componenti scelti nel modo più armonioso possibile. Vi sveliamo quali tendenze del web design nel…
