In precedenza abbiamo esaminato due app che ti aiutanocreare combinazioni di colori; Chroma era un'app di Chrome e ColorSpire era un'app Web che ha reso facile trovare il colore giusto o la tonalità giusta per qualsiasi cosa tu voglia progettare. Mentre entrambe le app hanno funzionato bene, il Designer schema colori li fa per un miglio. Questa applicazione Web consente di creare combinazioni di colori con un solo colore o in una combinazione di due, tre o quattro colori. È possibile regolare la luminosità e la tonalità dei colori, selezionare tra molte opzioni di contrasto preimpostate e visualizzare esempi di ciò che una pagina Web vorrebbe nello schema corrente. Ogni schema creato ha il proprio link che puoi utilizzare per condividerlo con il tuo designer, un collega o un cliente.
Per iniziare, seleziona quanti colori diversi vuoi usare nella tua combinazione di colori. Sei dischi allineati sulla parte superiore del grande disco a colori indicano quanti colori ci saranno nello schema. Mono rappresenta il colore singolo, Complemento rappresenta due colori, Triade e Analogico rappresenta tre e tetrade e Analogico accentato rappresenta quattro.
Capire le sfumature richiede tempo, soprattuttose stai lavorando con tre o quattro colori. Per i colori numerici con cui stai lavorando, una piccola manopola viene aggiunta al disco colorato per ciascuno. La manopola scura rappresenta il colore centrale nel tuo schema e tutti gli altri rappresentano i colori complementari o contrastanti. Tranne che nella combinazione di colori del complemento, le manopole si muovono indipendentemente dalla manopola di ancoraggio principale. Cambiare i colori in modalità Mono o Complemento è abbastanza semplice; in Triade e Tetrad, è leggermente complesso.
Per tre o quattro schemi di combinazione, i colori sono distanziati a determinati angoli assicurandosi che i colori cambino di un certo grado. Per aumentare o ridurre la variazione di colore, selezionare Angolo e inserisci un numero corrispondente al gradodella variazione di colore che desideri. Tutte le combinazioni di colori create vengono visualizzate in anteprima in un riquadro a destra, tuttavia, è anche possibile visualizzare l'aspetto della combinazione di colori in una pagina Web effettiva.
Per visualizzare in anteprima l'aspetto di una pagina Web nello schema che hai creato, fai clic su Esempio di pagina leggera o il Esempio di pagina oscura link sotto l'anteprima dello schema. L'esempio di pagina chiara utilizza la tonalità più chiara del tuo schema come sfondo, mentre l'esempio di pagina scura utilizza la tonalità più scura come sfondo.
Per regolare il livello di luminosità e grigio per il tuo schema, vai a Regola schema scheda. Spostare la manopola sulla casella dei colori per aumentare o diminuire la luminosità, in alternativa, è possibile selezionare uno dei numerosi predefiniti di contrasto dal menu a discesa. Per impostare manualmente il contrasto, spostare il puntatore in Contrasto dello schema scatola. Per visualizzare colori e codici colore, andare su Elenco colori scheda.
Una volta deciso uno schema, puoi esportarlo in formato palette HTML + CSS, XML, Photoshop o GIMP. La palette di Photoshop viene salvata come file ACO.
Visita Designer schema colori
Commenti