|
PALETA
DE COLORES WEB (RBG)
El modelo RGB requiere de 24 bits para
describir el color de cada pixel en la pantalla y el total de combinaciones
posibles mediante este modelo es exactamente de 16.777.216 colores. Aunque
cualquier monitor a color puede mostrar todos estos tonos, por razones
de economía algunas computadoras usan un sistema de sólo 8 bits conformando
así una paleta de 256 colores (tomados de esos 16 millones posibles).
En un monitor capaz de mostrar solamente
256 colores, aquellos tonos presentes en una imagen que no se encuentran
en la paleta del sistema son simulados por combinación de pixeles (técnica
que se conoce como dithering). Por eso, en la medida de lo posible,
es conveniente seleccionar para nuestras páginas colores que puedan ser
visualizados correctamente en estos sistemas.
El inconveniente es la diferencia entre
los colores definidos en la paleta de Windows y la de Mac. Ambos sistemas
tienen solamente algunos colores en común, que son usados por Netscape
y otros navegadores. Estos colores en común conforman la paleta Web
o paleta segura (safety palette).
Esta paleta segura tiene como característica
estar basada en los valores RGB con incrementos de 20% entre cada valor,
por lo que resulta un total de 216 colores.
| HEXADECIMAL |
DECIMAL |
PORCENTAJES |
|
00
|
00
|
0%
|
|
33
|
51
|
20%
|
|
66
|
102
|
40%
|
|
99
|
153
|
60%
|
|
CC
|
204
|
80%
|
|
FF
|
255
|
100%
|
Cuando debemos elegir un color para usar
en diseño web, conviene seleccionar uno de estos colores, ya que
nos dan la seguridad de que estarán presentes en cualquier sistema.
La siguiente tabla muestra la paleta de
216 colores completa.
| Muestra del color |
#RRGGBB |
Muestra del color |
#RRGGBB |
|
#000000 |
|
#990000 |
|
#000033 |
|
#990033 |
|
#000066 |
|
#990066 |
|
#000099 |
|
#990099 |
|
#0000CC |
|
#9900CC |
|
#0000FF |
|
#9900FF |
|
#003300 |
|
#993300 |
|
#003333 |
|
#993333 |
|
#003366 |
|
#993366 |
|
#003399 |
|
#993399 |
|
#0033CC |
|
#09933CC |
|
#0033FF |
|
#9933FF |
|
#006600 |
|
#996600 |
|
#006633 |
|
#996633 |
|
#006666 |
|
#996666 |
|
#006699 |
|
#996699 |
|
#0066CC |
|
#9966CC |
|
#0066FF |
|
#9966FF |
|
#009900 |
|
#999900 |
|
#009933 |
|
#999933 |
|
#009966 |
|
#999966 |
|
#009999 |
|
#999999 |
|
#0099CC |
|
#9999CC |
|
#0099FF |
|
#9999FF |
|
#00CC00 |
|
#99CC00 |
|
#00CC33 |
|
#99CC33 |
|
#00CC66 |
|
#99CC66 |
|
#00CC99 |
|
#99CC99 |
|
#00CCCC |
|
#99CCCC |
|
#00CCFF |
|
#99CCFF |
|
#00FF00 |
|
#99FF00 |
|
#00FF33 |
|
#99FF33 |
|
#00FF66 |
|
#99FF66 |
|
#00FF99 |
|
#99FF99 |
|
#00FFCC |
|
#99FFCC |
|
#00FFFF |
|
#99FFFF |
|
#330000 |
|
#CC0000 |
|
#330033 |
|
#CC0033 |
|
#330066 |
|
#CC0066 |
|
#330099 |
|
#CC0099 |
|
#3300CC |
|
#CC00CC |
|
#3300FF |
|
#CC00FF |
|
#333300 |
|
#CC3300 |
|
#333333 |
|
#CC3333 |
|
#333366 |
|
#CC3366 |
|
#333399 |
|
#CC3399 |
|
#3333CC |
|
#CC33CC |
|
#3333FF |
|
#CC33FF |
|
#336600 |
|
#CC6600 |
|
#336633 |
|
#CC6633 |
|
#336666 |
|
#CC6666 |
|
#336699 |
|
#CC6699 |
|
#3366CC |
|
#CC66CC |
|
#3366FF |
|
#CC66FF |
|
#339900 |
|
#CC9900 |
|
#339933 |
|
#CC9933 |
|
#339966 |
|
#CC9966 |
|
#339999 |
|
#CC9999 |
|
#3399CC |
|
#CC99CC |
|
#3399FF |
|
#CC99FF |
|
#33CC00 |
|
#CCCC00 |
|
#33CC33 |
|
#CCCC33 |
|
#33CC66 |
|
#CCCC66 |
|
#33CC99 |
|
#CCCC99 |
|
#33CCCC |
|
#CCCCCC |
|
#33CCFF |
|
#CCCCFF |
|
#33FF00 |
|
#CCFF00 |
|
#33FF33 |
|
#CCFF33 |
|
#33FF66 |
|
#CCFF66 |
|
#33FF99 |
|
#CCFF99 |
|
#33FFCC |
|
#CCFFCC |
|
#33FFFF |
|
#CCFFFF |
|
#660000 |
|
#FF0000 |
|
#660033 |
|
#FF0033 |
|
#660066 |
|
#FF0066 |
|
#660099 |
|
#FF0099 |
|
#6600CC |
|
#FF00CC |
|
#6600FF |
|
#FF00FF |
|
#663300 |
|
#FF3300 |
|
#663333 |
|
#FF3333 |
|
#663366 |
|
#FF3366 |
|
#663399 |
|
#FF3399 |
|
#6633CC |
|
#FF33CC |
|
#6633FF |
|
#FF33FF |
|
#666600 |
|
#FF6600 |
|
#666633 |
|
#FF6633 |
|
#666666 |
|
#FF6666 |
|
#666699 |
|
#FF6699 |
|
#6666CC |
|
#FF66CC |
|
#6666FF |
|
#FF66FF |
|
#669900 |
|
#FF9900 |
|
#669933 |
|
#FF9933 |
|
#669966 |
|
#FF9966 |
|
#669999 |
|
#FF9999 |
|
#6699CC |
|
#FF99CC |
|
#6699FF |
|
#FF99FF |
|
#66CC00 |
|
#FFCC00 |
|
#66CC33 |
|
#FFCC33 |
|
#66CC66 |
|
#FFCC66 |
|
#66CC99 |
|
#FFCC99 |
|
#66CCCC |
|
#FFCCCC |
|
#66CCFF |
|
#FFCCFF |
|
#66FF00 |
|
#FFFF00 |
|
#66FF33 |
|
#FFFF33 |
|
#66FF66 |
|
#FFFF66 |
|
#66FF99 |
|
#FFFF99 |
|
#66FFCC |
|
#FFFFCC |
|
#66FFFF |
|
#FFFFFF |
© COPYRIGHT 2003 Ars Logo Design. Prohibida su reproducción
parcial o total
Acceder
a otros artículos
|
