Sia che tu stia creando una piccola presentazione o gestisca un grande sito web, la scelta del colore corretto è importante per ottenere risultati di successo. I colori sono generalmente espressi in due modi principali: uno utilizza il valore esadecimale e l’altro utilizza il mix di rosso, verde e blu (RGB). Sebbene tu possa facilmente ricordare colori come il bianco e il nero, ricordare i valori del codice per tutti i colori è impossibile. In particolare, questo fa sì che i web designer trascorrano molto tempo a cercare la conversione dei valori di colore. Anche la scelta del codice esadecimale o del valore RGB di un particolare colore richiede uno strumento come i raccoglitori di colori. In questo articolo offriamo alcuni strumenti che ti aiutano a convertire i colori e scegliere i colori sicuri per il web per la tua presentazione e le tue pagine web.
Correlati: codici colore per i siti Web di social network più diffusi.
Convertitore di colore da esadecimale a RGB
Usa lo strumento qui sotto per inserire il codice colore nel valore #hex e ottenerlo immediatamente nei valori RGB. Lo sfondo del box contenitore cambierà in base al colore inserito per avere una facile visualizzazione del colore. Ad esempio, inserisci il valore esadecimale #ffffff per vedere immediatamente il valore RGB corrispondente come rgb(255,255,255).
Convertitore di colori da RGB a esadecimale
Lo strumento di conversione del colore sopra funziona anche viceversa. Puoi inserire i valori del colore RGB e ottenerlo in formato codice #hex. Ad esempio, inserisci il valore RGB rgb(51,51,51) per vedere il codice esadecimale corrispondente come #333333.
Colori sicuri per il Web
Ci sono colori sicuri per il web che puoi usare in sicurezza sul tuo sito web. Questi colori non disturberanno la vista durante la visualizzazione di un’immagine o la lettura di contenuti sul tuo sito. Inoltre, la raccolta di Flat UI Colors è molto popolare che puoi utilizzare nel tuo design.
Colore | Esadecimale | RGB |
---|---|---|
Turchese | #1abc9c | RGB(26, 188, 156) |
Mare Verde | #16a085 | rgb(22, 160, 133) |
Smeraldo | #2ecc71 | rgb(46, 204, 113) |
Nefrite | #27ae60 | RGB(39, 174, 96) |
Pietro River | #3498db | RGB(52, 152, 219) |
Belize Hole | #2980b9 | RGB(41, 128, 185) |
Ametista | #9b59b6 | RGB(155, 89, 182) |
Asfalto bagnato | #34495e | RGB(52, 73, 94) |
Glicine | #8e44ad | RGB(142, 68, 173) |
Blu notte | #2c3e50 | RGB(44, 62, 80) |
fiore del sole | # f1c40f | RGB(241, 196, 15) |
Carota | #e67e22 | rgb(230, 126, 34) |
Alizarina | #e74c3c | rgb(231, 76, 60) |
Nuvole | #ecf0f1 | RGB(236, 240, 241) |
Calcestruzzo | #95a5a6 | RGB(149, 165, 166) |
arancia | #f39c12 | RGB(243, 156, 18) |
Zucca | #d35400 | RGB(211, 84, 0) |
Melograno | #c0392b | RGB(192, 57, 43) |
D’argento | #bdc3c7 | RGB(189, 195, 199) |
Amianto | #7f8c8d | RGB(127, 140, 141) |
Semplici strumenti per la selezione dei colori
Ci sono un gran numero di strumenti per la selezione dei colori disponibili sul web. Quello che ci piace è di w3schools che ha diverse opzioni per scegliere il colore migliore.
W3 Schools Color Picker
Google Search Color Converter e Color Picker
Abbiamo spiegato molti trucchi per la ricerca di Google e uno di questi trucchi è usare il convertitore di colori o il selettore di colori. Inserisci "rgb to hex" o "color picker" nella casella di ricerca di Google e premi invio. Vedrai il convertitore online insieme al color picker. Questo renderà il tuo compito semplice in quanto puoi facilmente scegliere il colore dalla tavolozza. Inoltre tu può ottenere il codice esadecimale, i valori RGB, HSV, HSL e CMYK facendo clic sull’opzione "Mostra valori colore".
Google Color Converter e Color Picker