Trova facilmente il codice HEX per le sfumature di colore con 0to255

Come forse saprai, ci sono tre cose fondamentali che rendono un sito "fantastico": tipografia, layout e colore. Abbiamo parlato di quanto sia importante il colore per il design di un sito Web e abbiamo coperto alcuni strumenti a colori che possono aiutare i progettisti a scegliere le giuste combinazioni di colori di cui hanno bisogno . Puoi anche scegliere i colori all'interno di Sublime Text o generare combinazioni di colori con Adobe Kuler per iOS.

In questo post ti presenterò a 0to255, un semplice strumento che ti aiuta a trovare il codice esadecimale giusto per le sfumature di colore che desideri utilizzare. È molto utile quando devi lavorare con il passaggio del mouse, i bordi o il colore del gradiente.

Shaun Chapman ha sviluppato questo strumento implementando il modello HSL (tonalità, saturazione e luminosità) per dividere il parametro di luminosità (da 0 a 100%) in 31 parti. Con lo strumento, puoi passare con il mouse su un colore e vedere la percentuale di luminosità visualizzata a destra e il codice HEX di quel colore.

Scegliere una tonalità di colore con 0To255

Questo strumento web è molto semplice e facile da usare ed è anche gratuito. Puoi usarlo senza prima registrarti. 0to255 offre diversi modi per confrontare le combinazioni di colori.

Innanzitutto, puoi inserire il colore desiderato nel selettore di colori predefinito . Visita il sito 0to255, fai clic sul pulsante "PICK A COLOR" e apparirà un campo. Digitare / incollare il codice HEX lì senza il segno cancelletto. Ad esempio, quando si seleziona il colore esadecimale #d86b93, è sufficiente digitare d86b93, quindi fare clic sul pulsante "Seleziona colore".

Lo strumento ti fornirà quindi un elenco di altre sfumature che puoi scegliere. Il colore scelto appare come la casella predefinita.

Ti verranno forniti altri 30 colori diversi (31 con il colore scelto) dal più chiaro al più scuro. Se hai scelto quale altra tonalità di colore vuoi utilizzare, fai clic su di essa e il codice HEX verrà copiato automaticamente negli Appunti.

In alternativa puoi semplicemente incollare il codice colore nel tuo URL in questo modo: 0to255.com/d86b93. Questo ti porterà direttamente alla pagina di confronto dei colori per # d86b93.

Scegliere altri colori

A sinistra della pagina, puoi scegliere un altro colore dritto usando un altro codice esadecimale (a sinistra), oppure puoi scegliere un colore casuale (a destra).

Oppure puoi scegliere un altro colore dall'elenco di colori casuali fornito da 0to255 nella sua homepage.

Pensiero finale

0to255 è un ottimo risparmio di tempo per i progettisti che vogliono solo ottenere il codice giusto per il colore giusto da utilizzare per il loro design. Anziché indovinare o rimescolare per trovare online i codici esadecimali giusti, lo 0to255 lo rende semplice come un clic. Provalo e dicci se ti ha aiutato con il tuo lavoro di color picking.

20 caratteri gratuiti per disegni minimalisti

I nuovi progetti richiedono nuovi caratteri, giusto? Ci sono molti font gratuiti che sono abbastanza popolari e possono essere visti quasi ovunque sul web, ad esempio, in nuovi modelli di siti Web, banner, volantini e così via. Se stai iniziando a vedere Open Sans, Bebas, Raleway ed Exo utilizzati in quasi tutti i progetti grafici che appaiono in questi giorni, è il momento di distinguerti dal resto con alcune nuove opzioni di font.Q

(Consigli tecnici e di design)

Fondazione 6 - 10 fantastiche nuove funzionalità

Gli sviluppatori del framework di front-end della Fondazione non si sono semplicemente seduti sugli allori, mentre il team Bootstrap ha lavorato alla loro impressionante nuova major release. L'anno scorso hanno fatto un fantastico World Tour per condividere le loro conoscenze con i loro utenti e chiedere loro come stavano usando Foundation nel loro lavoro nella vita reale

(Consigli tecnici e di design)