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: DVD, MP3, LCD, Plasma, HDTV, Home Theater

CSS, Cores, Desenvolvimento, Hexadecimal | 2 Comentários » View blog reactions

Modelando por Diego Franco

Declarando cores com códigos Hexadecimais como é isso?

Tabela RGB - Hexadeximal

Aproveite! Leia isto também:

Me encontre também aqui:

Blogroll:

Pessoas que trabalham comigo:

Já trabalharam comigo:

Confira também:

Tags

Arquivos