Strumenti e risorse

Web tool gratis per la scelta dei colori

web tool gratis per lavorare con i colori

Il colore è uno strumento di design che definisce lo stile di ogni progetto grafico. I colori  impattano enormemente sulla percezione del progetto da parte degli altri. Qui sotto alcuni strumenti web molto utili  a scegliere i colori perfetti per i vostri design.


Sviluppare palette di colori

Color scheme designer - Una palette di colori circolare. Mette a disposizione diverse opzioni utili, come i colori complementari e analogici, il contrasto luce/ombra e la saturazione. Ma offre anche tools particolari, come la visione dei colori monocromatici e un esempio di come i colori vengono applicati a una pagina web.
Link: http://colorschemedesigner.com/

Material Design -  Questa sezione, messa a disposizione da Google, comprende palette colore relative al nuovo linguaggio di design denominato material design utilizzato soprattutto all’interno delle app.
LinK: https://material.io/guidelines/style/color.html#

Material Palette -  L’interfaccia utente permette di combinare colori ed ottenere un anteprima istantanea.
Link: https://www.materialpalette.com/

Coolors - Questo tool permette di generare palette di colore infinite per i tuoi progetti e offre la possibilità di salvarle ed esportarle.
Link: https://coolors.co/

ColoRotate – Questo generatore online di palette di colori è un metodo divertente per impostare diverse combinazioni di colore. Si può visualizzare le palette in svariati modi per avere una prospettiva più ampia sull’equilibrio e sull’armonia dei colori scelti.  I colori sono selezionabili da un prisma rotabile in 3D e su questo si fonda la sua potenzialità.
Link: http://web.colorotate.org/

Copaso – E' un generatore di palette ricco di funzionalità avanzate, creato da COLOURlovers, permette di sviluppare palette di colori alle quali assegnare informazioni meta data (come ad esempio keyword tag ed un URL) per una ricerca ed un’organizzazione più facile. Puoi allegare una foto al tuo workspace dal quale estrapolare i colori – uno strumento utile se hai già una buona immagine dello schema di colori che vuoi ricreare. Un tool con molteplici opzioni avanzate. Oltre a visualizzare il codice html, rgb, cmyk e in percentuale di colore primario, ha una pratica palette circolare che permette di visualizzare le varie sfumature di colore.
Link: http://www.colourlovers.com/copaso

ColorMunki Design – Questo generatore di palette invece offre  diverse opzioni per la scelta di colori. Si possonoi selezionare da sistemi di colori predefiniti, come Pantone, da immagini e foto o trovare palette user-generated. In più, ha uno strumento nativo di condivisione  facilita nell’ottenere feedback sui colori scelti.
Link: http://www.colormunki.com/pantone?class=palette_page_nav_link

Colorspire - Altro sito con palette di colori minimale. Permette di confrontare fino a 5 colori contemporaneamente su un riquadro laterale.
I colori sono selezionabili immettendo il codice html, rgb o la percentuale di colore, oppure selezionandolo dal grafico circolare o quadrato con sfumature.
Link: http://www.colorspire.com/

 

Trovare ed esplorare i colori

Pictaculous –
Questo strumento genera automaticamente una palette di colori in base all’immagine, aiutandoti quindi nell’individuare i colori presenti in essa. Si tratta di un metodo veloce per sviluppare uno schema di colori in base allo screenshot di un sito web o dalle scansioni dei materiali cartacei di comunicazione utilizzati da un’azienda.
Link: http://www.pictaculous.com/

Imgr -  E' uno strumento che oltre a consentire il reperimento dei colori delle immagini, permette agli utenti di inserire le proprie immagini e realizzare nuovi campioni di colore.
Link: http://imgr.co/index.php

BrandColors Utile libreria n cui puoi trovare i codici colore ufficiali dei più grandi marchi del mondo.
Link: https://brandcolors.net/

Adobe Color CC -   E' un' applicazione online per generare temi cromatici da cui prendere ispirazione se si hanno poche idee sulle diverse combinazioni di colori da usare all’interno di un progetto.
Link: https://color.adobe.com/it/create/color-wheel/

0to255 – Questo strumento intuitivo ti fa esplorare le variazioni di alcuni colori selezionati. Permette di selezionare un colore e mostra le sue gradazioni. Cliccate sopra all’elenco e quindi su “Pick a color” e apparirà la lista delle gradazioni per il colore selezionato.
Link: http://0to255.com/

ColorPicker.com – Questo strumento fa una sola cosa, ma la fa bene: inserisce lo strumento Contagocce che si trova in molti programmi di editing come Photoshop e GIMP sul web. Con un solo pizzico, questo strumento è d’aiuto ai designer che usano spesso questa funzionalità.
Link: https://www.webpagefx.com/web-design/color-picker/

Cymbolism – Indubbiamente il colore è uno strumento potente per evocare risposte emotive nell’audience. Cymbolism è un esperimento sociale che presenta agli utenti una parola e chiede loro di associare il colore che ai loro occhi meglio la rappresenta. L’obiettivo è dare ai designer che sviluppano schemi di colore un modo originale di sceglierli, attraverso parole e concetti che intendono veicolare nel loro progetto grafico. La words directory mostra i colori più frequentemente associarti ad una determinata parola.
Link: http://cymbolism.com/

Name that Color –Si usa questo strumento per imparare quale nome (approssimativamente) meglio descrive un colore in particolare.
Link: http://chir.ag/projects/name-that-color/#6195ED

500+ Named Colour – Questo strumento elenca i nomi dei colori ed i loro codici RGB ed esadecimali; può tornare utile quando si  scrivono delle descrizioni o si presentano gli schemi cromatici a clienti e colleghi.
Link: http://cloford.com/resources/colours/500col.htm


Controllare l’accessibilità dei colori

Check My Colours – Contrasti cromatici scadenti possono influire negativamente sulla leggibilità. Questo strumento web facile da usare controlla le combinazioni di colori presenti tra sfondo e primo piano di un sito web, basta inserire l’URL di una pagina web e Check My Colours produce un report che mostra gli elementi della pagina i cui contrasti cromatici non incontrano gli standard consigliati dal W3C.
Link: http://www.checkmycolours.com/

Luminosity Colour Contrast Ratio Analyser – Se inserisci i codici esadecimali dei colori che hai utilizzato nello sfondo e in primo piano sul web, lo strumento attiva un algoritmo di luminosità e contrasto consigliato nelle Web Content Accessibility Guidelines 2.0 del W3C.
Link: http://juicystudio.com/services/luminositycontrastratio.php


Ispirazioni cromatiche

Colors of the web
- Tool per colori che mostra funzioni addizionali come la variazione di saturazione e di tinta e il colore complementare. Dà anche la possibilità di scegliere un colore random. Ha una grafica accativante.
Link: http://www.colorsontheweb.com/colorwizard.asp


WebsiteTips - Tool per colori, che mostra funzioni addizionali. Come recita l’introduzione della pagina «Aiuta a scegliere schemi di colori per monocromatici, analogici, complementari, triadici e doppio contrasto. Utile specialmente per esplorare facilmente e velocemente le combinazioni dei colori».
Link: http://websitetips.com/colortools/sitepro/

ColorMatch Remix  - Mixa i colori e permette di esportarli in formato .ai (per Illustrator), .act (per Photoshop) e testo, dove sarà mostrato secondo i colori html, rgb e cmyk.
Link: http://www.colormixers.com/


Colour Combinations Teste
- Di base confronta quattro colori a pieno schermo, ma è possibile aggiungere altre colonne per il raffronto: basta premere su “Add Column” nella barra di navigazione.E’ inoltre possibile visualizzare una serie di combinazioni già predisposte e disponibili da un menu a tendina. Consiglio di visitare l’intero sito dalla sua radice, che offre diverse pagine riguardanti il colore. Mostra, infatti, delle combinazioni già pronte e presenta diversi articoli legati al mondo del colore.
Link: http://www.colorcombos.com/combotester.html

4096 Color Wheel - Al passaggio del mouse viene visualizzato il colore in tempo reale. Una volta scelto il colore, al click del mouse viene salvato nella barra laterale.
Saranno inoltre mostrate in tempo reale le sfumature con le combinazioni scelte.
Link: http://www.ficml.org/jemimap/style/color/wheel.html

Peter Piper’s Palette Picker - Una palette minimale che permette di confrontare, su un riquadro laterale, fino a 7 colori diversi. I colori sono selezionabili da un riquadro a croce laterale.
Link: http://www.worqx.com/color/palette.htm