Fai clic su Trova combinazione colori con ColourCode

Ottenere la giusta combinazione di colori può richiedere ai progettisti un grande sforzo manuale (e opinioni soggettive). La buona notizia è che ci sono strumenti che possono aiutarti a semplificarti la vita. Abbiamo già trattato Adobe Kuler per iOS e un pratico strumento chiamato 0to255 che ti aiuta a ottenere facilmente i codici HEX per le sfumature di colore. Questa volta, stiamo invece esaminando ColourCode.

ColourCode è uno strumento basato sul web per trovare facilmente combinazioni di colori. ColourCode ti consente di scegliere i colori in base ai valori HSL (tonalità, saturazione, luminosità) . Ha alcune modalità che ti permettono di selezionare colori complementari con pochi clic e puoi anche scaricare i campioni di colore in alcuni formati.

Utilizzando ColourCode

Una volta che sei sulla pagina, posiziona il mouse ovunque sulla pagina per ottenere un colore e il suo codice colore. I colori continueranno a cambiare ogni volta che muovi il cursore . Se ti piace il colore che vedi, fai clic su di esso per bloccare la tua scelta. È così facile

Per aggiungere un altro colore, fai clic sul Plus a destra e ripeti il ​​passaggio del mouse e il clic per bloccare un altro colore. Per rimuovere una scelta di colore, fai semplicemente clic sull'icona del cestino nel mezzo.

Ecco come scegli i campioni di colore in modalità di compilazione libera . Ci sono alcune altre modalità per scegliere i campioni di colore da.

Complemento

Analogic

Monocromo

Oltre a queste 4 modalità, ci sono altre 5 che puoi esplorare nel sito.

Regolazione manuale

Nella parte inferiore di ciascun colore è presente un'icona freccia in basso. Cliccando su di esso vengono visualizzati i dettagli per il colore e altre opzioni come la possibilità di modificare manualmente la modalità colore (facendo clic su di essa) tra formati come HEX, RGB, HSL, CMY, CMYK, XYZ o YXY . In alternativa, puoi usare i cursori del colore anche per apportare modifiche.

Ottenere il colore

Quando hai determinato il colore che desideri utilizzare, puoi prenderlo in formato SCSS, LESS o PNG . Sfortunatamente, ColourCode non ti fornisce un editor di codice integrato per copiare e incollare il codice sorgente. Devi prima scaricarlo, quindi aprirlo con il tuo editor desktop.

Anche così, la fonte è solo un definitore di colore a linea singola. Il seguente è un codice sorgente nel file SCSS:

 $ color: # a8e2ba; 

E questo è in LESS:

 @color: # a8e2ba; 

20 annunci creativi che ti fanno aspettare l'ascensore

Gli annunci pubblicitari attraverso i mass media e gli striscioni stanno diventando troppo comuni e le persone si sono abituate a ignorare questi annunci ea volte evitarli attivamente . Tanto è speso per la pubblicità che il fallimento nell'attirare l'attenzione del bypass è semplicemente un suggerimento che la tecnica utilizzata non è abbastanza buona.Da

(Consigli tecnici e di design)

Versione Freebie: 28 icone della barra degli strumenti (inclusa PSD)

Per ringraziare i nostri lettori e la community in generale, siamo lieti di rilasciare un altro pacchetto di icone di qualità gratuito: 28 icone della barra degli strumenti . Queste icone sono disponibili in formato PNG in 2 diverse dimensioni, 32 × 32 e 16 × 16 pixel, oltre al file PSD Photoshop a strati delle icone.Qu

(Consigli tecnici e di design)