Utilice este tema para aprender a usar el selector de color y los colores aptos para la web en Dreamweaver.

Colores compatibles con la web

En HTML, los colores se expresan en forma de valores hexadecimales (por ejemplo, #FF0000) o con nombres (red). Un color seguro para la Web es aquél que se muestra de la misma forma en Safari y en Microsoft Internet Explorer, tanto en Windows como en Macintosh, con un modo de 256 colores. Suele decirse que existen 216 colores comunes y que cualquier valor hexadecimal que combine los pares 00, 33, 66, 99, CC o FF (valores RGB 0, 51, 102, 153, 204 y 255, respectivamente) representa a un color seguro para la Web.

Al realizar pruebas, sin embargo, se descubre que hay sólo 212 colores seguros para la Web, y no 216, ya que Internet Explorer en Windows no muestra correctamente los colores #0033FF (0,51,255), #3300FF (51,0,255), #00FF33 (0,255,51) y #33FF00 (51,255,0).

Cuando aparecieron los primeros navegadores Web, la mayor parte de los equipos mostraban únicamente 265 colores (8 bits por canal, bpc). Actualmente, la mayoría de los equipos muestran miles o millones de colores (16 y 32 bpc), por lo que queda mucho menos justificado el uso de la paleta de colores válidos para los navegadores si desarrolla el sitio para usuarios que disponen de equipos actualizados.

Un motivo para utilizar la paleta de colores aptos para la Web es el desarrollo orientado a los dispositivos Web alternativos, como los PDA y las pantallas de los teléfonos móviles. Muchos de estos dispositivos ofrecen pantallas en blanco y negro (1 bpc) o de 256 colores (8 bpc) solamente.

Las paletas Cubos de color (predeterminado) y Tono continuo en Dreamweaver utilizan la paleta de 216 colores seguros para la Web; al seleccionar un color de estas paletas, se muestra el valor hexadecimal del color.

Para seleccionar un color situado fuera de la gama segura para la Web, abra los colores del sistema haciendo clic en el botón Rueda de color situado en la esquina superior derecha del selector de color de Dreamweaver. Los colores del sistema no se limitan a los colores seguros para la Web.

Las versiones de navegadores para UNIX usan una paleta de colores distinta a la de las versiones para Windows y Macintosh. Si está desarrollando el sitio Web para navegadores UNIX exclusivamente (o si los destinatarios serán usuarios de Windows o Macintosh con monitores de 24 bpc y usuarios de UNIX con monitores de 8 bpc), es recomendable utilizar valores hexadecimales que combinen los pares 00, 40, 80, BF o FF para lograr colores seguros para la Web en SunOS.

Uso del selector de colores

En Dreamweaver, muchos de los cuadros de diálogo, así como el inspector de propiedades de muchos elementos de página, contienen un cuadro de color que abre un selector de color. Utilice el selector de color para elegir el color de un elemento de la página. También puede definir el color de texto predeterminado para los elementos de la página.

  1. Haga clic en un cuadro de color en cualquier cuadro de diálogo o en el inspector de propiedades.

    Aparecerá el selector de color.

  2. Siga uno de estos procedimientos:
    • Use el cuentagotas para seleccionar un color de la paleta. Todos los colores de las paletas Cubos de color (predeterminado) y Tono continuo son seguros para la Web; los de otras paletas no lo son.

    • Utilice el cuentagotas para seleccionar un color de cualquier punto de la pantalla, incluso fuera de las ventanas de Dreamweaver. Para seleccionar un color del escritorio o de otra aplicación, mantenga presionado el botón del ratón; de este modo el cuentagotas seguirá estando activado y se podrá seleccionar un color fuera de Dreamweaver. Si hace clic en el escritorio o en otra aplicación, Dreamweaver selecciona el color del lugar en el que ha hecho clic. Sin embargo, si pasa a otra aplicación, es posible que tenga que hacer clic en una ventana de Dreamweaver para seguir trabajando en Dreamweaver.

    • Para seleccionar uno de los diferentes modelos de color, haga clic en Hex, RGBa o HSLa en la parte inferior del cuadro de diálogo del selector de color.

    • Para quitar el color actual sin elegir ningún otro color, haga clic en el botón Color predeterminado .

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea