Declarando cores com códigos Hexadecimais como é isso?
Por: Diego Franco - [ October 25th, 2007 ]
Minha idéia neste post não é de aprofundar no assunto mas de ter uma referência rápida sobre os hexadecimais.
Em nosso ambiente de criação estamos acostumados a selecionar as cores que desejamos e pronto lá está ela naquele círculo, quadrado, fonte ou qualquer outro elemento no qual se deseja preencher. Diferente dos trabalhos Arte-finalistas criados para materiais em papelaria onde selecionamos a cor que se deseja, e se, é RGB ou CMYK (isso depende do tipo de material que é produzido), na web, em nosso CSS mais especificamente trabalhamos com cores escritas em códigos hexadecimais. Mas como é isso?
O nome hexadecimal vem da união de 2 palavras do latin hexa( sexto) e decimal(10, base 10, ou décimo), unindo as duas palavras podemos ter (base do décimo sexto) ou falando em miúdos matemáticos o código hexadecimal é derivado de uma base de cálculo 16, contendo 16 símbolos.
Abaixo você tem uma tabela que mostra como uma base de cálculo 10 é convertida para a base 16.
| # | 0 | 1 | 2 | 3 | 4 | 5 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| Hexadecimais | 0 | 1 | 2 | 3 | 4 | 5 | 5 | 7 | 8 | 9 | A | B | C | D | E | F |
Os números hexadecimais são utilizados para converter valores RGB para que o HTML possa interpretar quais cores você escolheu. As cores RGB variam de 0 à 255. Hoje você pode fazer essa conversão usando a prória calculadora do windows, mas aqui vai uma tabelinha bem simples e prática para se converter valores RGB em hexadecimais.
Tabela RGB - Hexadeximal
| 00=00 | 01=01 | 02=02 | 03=03 | 04=04 | 05=05 | 06=06 | 07=07 | 08=08 |
| 09=09 | 10=0A | 11=0B | 12=0C | 13=0D | 14=0E | 15=0F | 16=10 | 17=11 |
| 18=12 | 19=13 | 20=14 | 21=15 | 22=16 | 23=17 | 24=18 | 25=19 | 26=1A |
| 27=1B | 28=1C | 29=1D | 30=1E | 31=1F | 32=20 | 33=21 | 34=22 | 35=23 |
| 36=24 | 37=25 | 38=26 | 39=27 | 40=28 | 41=29 | 42=2A | 43=2B | 44=2C |
| 45=2D | 46=2E | 47=2F | 48=30 | 49=31 | 50=32 | 51=33 | 52=34 | 53=35 |
| 54=36 | 55=37 | 56=38 | 57=39 | 58=3A | 59=3B | 60=3C | 61=3D | 62=3E |
| 63=3F | 64=40 | 65=41 | 66=42 | 67=43 | 68=44 | 69=45 | 70=46 | 71=47 |
| 72=48 | 73=49 | 74=4A | 75=4B | 76=4C | 77=4D | 78=4E | 79=4F | 80=50 |
| 81=51 | 82=52 | 83=53 | 84=54 | 85=55 | 86=56 | 87=57 | 88=58 | 89=59 |
| 90=5A | 91=5B | 92=5C | 93=5D | 94=5E | 95=5F | 96=60 | 97=61 | 98=62 |
| 99=63 | 100=64 | 101=65 | 102=66 | 103=67 | 104=68 | 105=69 | 106=6A | 107=6B |
| 108=6C | 109=6D | 110=6E | 111=6F | 112=70 | 113=71 | 114=72 | 115=73 | 116=74 |
| 117=75 | 118=76 | 119=77 | 120=78 | 121=79 | 122=7A | 123=7B | 124=7C | 125=7D |
| 126=7E | 127=7F | 128=80 | 129=81 | 130=82 | 131=83 | 132=84 | 133=85 | 134=86 |
| 135=87 | 136=88 | 137=89 | 138=8A | 139=8B | 140=8C | 141=8D | 142=8E | 143=8F |
| 144=90 | 145=91 | 146=92 | 147=93 | 148=94 | 149=95 | 150=96 | 151=97 | 152=98 |
| 153=99 | 154=9A | 155=9B | 156=9C | 157=9D | 158=9E | 159=9F | 160=A0 | 161=A1 |
| 162=A2 | 163=A3 | 164=A4 | 165=A5 | 166=A6 | 167=A7 | 168=A8 | 169=A9 | 170=AA |
| 171=AB | 172=AC | 173=AD | 174=AE | 175=AF | 176=B0 | 177=B1 | 178=B2 | 179=B3 |
| 180=B4 | 181=B5 | 182=B6 | 183=B7 | 184=B8 | 185=B9 | 186=BA | 187=BB | 188=BC |
| 189=BD | 190=BE | 191=BF | 192=C0 | 193=C1 | 194=C2 | 195=C3 | 196=C4 | 197=C5 |
| 198=C6 | 199=C7 | 200=C8 | 201=C9 | 202=CA | 203=CB | 204=CC | 205=CD | 206=CE |
| 207=CF | 208=D0 | 209=D1 | 210=D2 | 211=D3 | 212=D4 | 213=D5 | 214=D6 | 215=D7 |
| 216=D8 | 217=D9 | 218=DA | 219=DB | 220=DC | 221=DD | 222=DE | 223=DF | 224=E0 |
| 225=E1 | 226=E2 | 227=E3 | 228=E4 | 229=E5 | 230=E6 | 231=E7 | 232=E8 | 233=E9 |
| 234=EA | 235=EB | 236=EC | 237=ED | 238=EE | 239=EF | 240=F0 | 241=F1 | 242=F2 |
| 243=F3 | 244=F4 | 245=F5 | 246=F6 | 247=F7 | 248=F8 | 249=F9 | 250=FA | 251=FB |
| 252=FC | 253=FD | 254=FE | 255=FF |
Procure por: MP3, iPod, celulares, notebooks, câmeras
CSS, Cores, Desenvolvimento, Hexadecimal | 
View blog reactions
O Modelando é o site pessoal do Diego Franco Miguel que, atualmente, trabalha como Designer e lidera uma equipe de Agência Web na 
Assine o Feed do Modelando
1° Nivaldo November 13th, 2008
Boa tarde Diego!
Vamos lá, eu consegui obter o código hexadecimal de uma cor que eu uso no Corel Draw através de um processo de conversão manual que fiz baseado nessa sua tabela e ficou perfeito, obtive exatamente a mesma cor, mas, entretanto, você saberia dizer se existe um mecanismo mais automático para obter o código hexadecimal através de uma cor RGB no Corel Draw?
Estive pesquisando sobre isso e não enconrei solução, se você ou alguém tiver a resposta eu fico grato =]
Att,
2° » Obtendo o hexadecimal de uma cor RGB no Corel Draw » Modelando por Diego Franco November 15th, 2008
[...] Declarando cores com códigos Hexadecimais como é isso? [...]
3° lucas April 3rd, 2009
iai cara um colega meu quer criar uma fireware”"celular sony”" com peth ai precisa manja de codigo hexadecimal me manda alguma coisa ensinando no meu msn eu nao sei nada disso
vlw
Resposta do Autor 4° Diego Franco May 27th, 2009
Lucas basicamente fiz o post focado para Cores na Web, mas a lógica é a mesma, da uma lida com calma no post que você entenderá.
5° Luciane July 1st, 2009
Com este post vc ajudou muito. Obrigada!
6° George September 21st, 2009
salvou minha vida!
obrigado mesmo!