it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


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.

Guida del designer per lavorare con le guide di stile e le piastrelle di stile

Guida del designer per lavorare con le guide di stile e le piastrelle di stile

Creare un'identità di marca non è un compito facile. Richiede uno sforzo difficile ma è anche una delle attività creative più gratificanti. I progetti Web spesso mescolano il marchio con il design dell'interfaccia . Questo può essere fonte di confusione perché c'è così tanto da fare in entrambe le aree. Le guid

(Consigli tecnici e di design)

Imposta un dominio personalizzato per pagine Github

Imposta un dominio personalizzato per pagine Github

Oltre a fornire Github Pages gratuitamente, Github ci consente anche di utilizzare il nostro nome di dominio per la pagina che abbiamo creato. Quindi, invece di usare il seguente formato nome: {username}.github.io/{project-name}, puoi invece chiamare il blog qualcosa come www.myawesomeblog.com .Questa è una grande opportunità per il progetto open source gratuito con la mancanza di supporto finanziario per ospitare il loro sito web o blog.

(Consigli tecnici e di design)