Trovare il colore giusto per un sito web non è un problema con questi strumenti

Con le opzioni di combinazione puoi ottenere risultati diversi.

Di tanto in tanto devo realizzare piccoli grafici o riquadri informativi per i siti Web dei clienti e devo sempre affrontare il problema di non sapere quale colore va con il colore esadecimale #b08355, ad esempio. Finora, ho infastidito mia moglie o ho scelto a caso i colori dal selettore di colori e ho verificato se qualcuno di loro non fosse troppo male per gli occhi.

Per avere finalmente una soluzione permanente, ho trascorso 10 minuti su Google e ho cercato alcuni siti Web che mi avrebbero aiutato con la selezione dei colori. E questi due strumenti sono fondamentalmente miei scelta della settimana per i grafici e i web designer tra di voi.

Con la ruota dei colori di Canva puoi ottenere molto rapidamente uno o più colori che corrispondono a un determinato codice esadecimale.
Con la ruota dei colori di Canva puoi ottenere molto rapidamente uno o più colori che corrispondono a un determinato codice esadecimale.

Ruota dei colori della tela

La mia prima e meno complicata scelta è questa Strumento Ruota dei colori di Canva. Puoi usarlo gratuitamente e semplicemente copiare il codice esadecimale del tuo colore nel campo appropriato e riceverai immediatamente il colore complementare nell'altro campo, che di solito si abbina bene al primo colore.

Tuttavia, se hai bisogno di più di un colore, puoi scegliere tra varie opzioni:

  • Complementare
  • Monocromatico
  • Analogo
  • Triadico
  • Tetradico

Con gli ultimi due ottieni anche diversi colori corrispondenti, che puoi quindi utilizzare per vari elementi sul sito web. Tuttavia, mi piace la rapida selezione del colore complementare, poiché lo uso più spesso, ad esempio per colorare collegamenti o intestazioni: una buona leggibilità è ovviamente un prerequisito.

Spazio Colore

Chi ama le cose un po' più fantasiose troverà lo strumento giusto in mycolor.space. Anche qui inserisci il tuo colore esistente con un codice esadecimale e poi fai clic su "Genera". Lo strumento crea quindi numerose tavolozze di colori, tutte contenenti questo colore e numerosi altri colori corrispondenti.

Con lo strumento ColorSpace ottieni molto più di un semplice colore adatto. Dalle varie tavolozze ai gradienti, tutto è incluso qui.
Con lo strumento ColorSpace ottieni molto più di un semplice colore adatto. Dalle varie tavolozze ai gradienti, tutto è incluso qui.

Oltre ai singoli colori, ci sono anche suggerimenti per sfumature con i corrispondenti colori intermedi, che possono essere utilizzati nel codice CSS.

Con ColorSpace, l'attenzione si concentra sull'enorme selezione, che mi travolge un po'. Mi piace quando ho solo poche opzioni e non devo dedicare 15 minuti al processo di selezione. Probabilmente l'uomo tipico, ma è così che siamo.

Gradienti fantasiosi con i CSS? ColorSpace ti offre i colori giusti per questo.
Gradienti fantasiosi con i CSS? ColorSpace ti offre i colori giusti per questo.

Conclusione

Quando ho scelto i siti sopra menzionati, per me era importante che non fossero sovraccarichi di pubblicità e fornissero comunque risultati ragionevoli. Per quanto posso vedere non c'è alcuna pubblicità sui siti Web e i colori e le tavolozze lanciati mi sembrano buoni.

Spero che con questi strumenti non rimarrai perplesso davanti a un logo e ti chiederai quale colore web potrebbe abbinarlo. Comunque, mi aiutano sempre.

Ti è piaciuto l'articolo e le istruzioni sul blog ti hanno aiutato? Allora sarei felice se tu il blog tramite un'iscrizione stabile sosterrebbe.

Scrivi un commento

Il tuo indirizzo e-mail non verrà pubblicato. I campi obbligatori sono contrassegnati con * segnato

Nel blog di Sir Apfelot troverai consigli, istruzioni e recensioni sui prodotti Apple come iPhone, iPad, Apple Watch, AirPods, iMac, Mac Pro, Mac Mini e Mac Studio.

Speciali