¡CSS en acción!
Seleccione otra hoja de estilo para navegar:
Actual: default.css
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 nuestras páginas 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 |