Come convertire RGB a colori HTML

September 14

Come convertire RGB a colori HTML


codici di colore in pagine web sono di due tipi: i colori con nome e codici esadecimali. codici esadecimali sono favoriti dai web designer perché permettono specificazione dei colori esatti in codice Cascading Style Sheet. Perché codici colore esadecimali rappresentano valori di colore rosso, blu e verde, vi è un semplice metodo matematico per la conversione dei colori RGB per i codici esadecimali.

istruzione

1 Trovare i valori RGB del colore. Utilizzare un software di editing strumento colore-picking o grafica. Nel software di editing grafico, utilizzare lo strumento "contagocce" - rappresentato da una piccola icona contagocce - a cliccare su un colore di un'immagine. Aprire strumento colore palatte del software - in programmi di grafica, fare doppio clic sul campione di colore in una barra degli strumenti - e visualizzare i valori RGB. La maggior parte dei raccoglitori di colore mostrano anche il codice esadecimale, eliminando la necessità di convertire i valori RGB da soli.

2 Convertire il primo valore, rosso, in codice esadecimale, dividerlo per 16. Prendere il numero intero - il numero prima del punto decimale - e l'uso che come prima cifra per il codice esadecimale. Il secondo carattere del codice esadecimale è il resto - i numeri dopo la virgola - volte 16. I due numeri avete ottenuto come risultato della conversione in codice esadecimale costituiscono la prima coppia di cifre, e che è il colore rosso .

3 Convertire il valore del colore verde per codice esadecimale usando la formula dell'ultimo passo. Le due cifre risultanti costituiscono la seconda coppia nel codice esadecimale e rappresentano il colore verde. Ripetere questo passaggio per il valore di colore blu per trovare l'ultima coppia di cifre per il codice esadecimale. Si finirà con sei cifre totali, o tre coppie che rappresentano rosso, verde e blu. Nel codice HTML e CSS allo stesso modo, precedere qualsiasi codice esadecimale con il simbolo cancelletto "#".

Consigli e avvertenze

  • Utilizzare un sito web come colourlovers.com o utilizzare il programma di editing grafico preferito per trovare i codici colore. Questo metodo è più facile che i numeri scricchiolio e meno soggetta a errori umani.