LOS COLORES Y HTML

LOS COLORES Y HTML
En la composición de webs juegan un papel muy importante los
colores. Se indican en valores RGB, es decir, que para conseguir un
color cualquiera mezclaremos cantidades de Rojo, Verde y Azul.
Los valores RBG se indican en numeración hexadecimal, en base
16. (Los dígito pueden crecer hasta 16. Como no hay tantos dígitos
numéricos se utilizan las letras de la A a la F.
0=0
4=4
8=8
C=12
1=1
5=5
9=9
D=13
2=2
6=6
A=10
E=14
3=3
7=7
B=11
F=15
Tabla de
color
Para conseguir un color, mezclaremos valores de esta manera:
RRGGBB
Donde cada valor puede crecer desde 00 hasta FF.
Ejemplo: Cómo se cambiaría la fuente para escribir en rojo:
<font color="#FF0000">Rojo</font>
Al Atributo color le damos un valor RGB en formato hexadecimal. El caracter # se
coloca al principio de la cadena.
Otros colores:
Naranja
#FF8000
Verde turquesa
#339966
Azul oscuro
#000080
Colores compatibles en todos los sistemas
Como las páginas web las tienen que ver todos los usuarios, y los sistemas que utilizan
para entrar son distintos, hay que utilizar colores compatibles con la paleta de todos
ellos.
La forma de conseguir esto es limitando nuestros colores a los que se pueden
conseguir utilizando la siguiente norma:
Utilizaremos
siempre
estos valores:
00
33
66
99
CC
FF
Ejemplos: #3366FF #FF9900 #666666
Se consiguen los colores siguientes:
#000000
#000033
#003300
#003333
#006600
#006633
#009900
#009933
#00CC00
#00CC33
#00FF00
#00FF33
#330000
#330033
#333300
#333333
#336600
#336633
#339900
#339933
#33CC00
#33CC33
#33FF00
#33FF33
#660000
#660033
#663300
#663333
#666600
#666633
#669900
#669933
#66CC00
#66CC33
#66FF00
#66FF33
#990000
#990033
#993300
#993333
#996600
#996633
#999900
#999933
#99CC00
#99CC33
#000066
#003366
#006666
#009966
#00CC66
#00FF66
#330066
#333366
#336666
#339966
#33CC66
#33FF66
#660066
#663366
#666666
#669966
#66CC66
#66FF66
#990066
#993366
#996666
#999966
#99CC66
#000099
#0000CC
#003399
#0033CC
#006699
#0066CC
#009999
#0099CC
#00CC99
#00CCCC
#00FF99
#00FFCC
#330099
#3300CC
#333399
#3333CC
#336699
#3366CC
#339999
#3399CC
#33CC99
#33CCCC
#33FF99
#33FFCC
#660099
#6600CC
#663399
#6633CC
#666699
#6666CC
#669999
#6699CC
#66CC99
#66CCCC
#66FF99
#66FFCC
#990099
#9900CC
#993399
#9933CC
#996699
#9966CC
#999999
#9999CC
#99CC99
#99CCCC
#0000FF
#0033FF
#0066FF
#0099FF
#00CCFF
#00FFFF
#3300FF
#3333FF
#3366FF
#3399FF
#33CCFF
#33FFFF
#6600FF
#6633FF
#6666FF
#6699FF
#66CCFF
#66FFFF
#9900FF
#9933FF
#9966FF
#9999FF
#99CCFF
#99FF00
#CC0000
#CC3300
#CC6600
#CC9900
#CCCC00
#CCFF00
#FF0000
#FF3300
#FF6600
#FF9900
#FFCC00
#FFFF00
#99FF33
#CC0033
#CC3333
#CC6633
#CC9933
#CCCC33
#CCFF33
#FF0033
#FF3333
#FF6633
#FF9933
#FFCC33
#FFFF33
#99FF66
#CC0066
#CC3366
#CC6666
#CC9966
#CCCC66
#CCFF66
#FF0066
#FF3366
#FF6666
#FF9966
#FFCC66
#FFFF66
#99FF99
#CC0099
#CC3399
#CC6699
#CC9999
#CCCC99
#CCFF99
#FF0099
#FF3399
#FF6699
#FF9999
#FFCC99
#FFFF99
#99FFCC
#CC00CC
#CC33CC
#CC66CC
#CC99CC
#CCCCCC
#CCFFCC
#FF00CC
#FF33CC
#FF66CC
#FF99CC
#FFCCCC
#FFFFCC
#99FFFF
#CC00FF
#CC33FF
#CC66FF
#CC99FF
#CCCCFF
#CCFFFF
#FF00FF
#FF33FF
#FF66FF
#FF99FF
#FFCCFF
#FFFFFF