Diseño web: utilice el código de color hexadecimal para unir colores: maniquíes

Cuando especifica colores en código HTML o CSS en diseño web, no usa sus números RGB. En su lugar, utiliza algo llamado código hexadecimal. Por ejemplo, el blanco viejo normal es 255, 255, 255 en RGB, pero es #FFFFFF en código hexadecimal. En el código hexadecimal, los primeros dos dígitos definen el color rojo, los siguientes dos dígitos definen el verde, y los dos últimos dígitos definen el azul del sistema RGB. Usando el ejemplo #FFFFFF, los primeros dos dígitos FF son 255. Entonces este color es R = 255, G = 255 y B = 255. Los tres colores a máxima potencia (255) son blancos.

Imagine que está diseñando un sitio web para una empresa que tiene un puñado de colores de la empresa que desean que use en todo el sitio. A menudo, estos colores se especifican como colores PMS (P antone M atching S sistema). Entonces, ¿cómo se pasa de PMS o RGB a códigos de color hexadecimales?

En lugar de utilizar un anillo decodificador súper duper para traducir los valores de color en código hexadecimal y viceversa, puede recuperar el código tanto en Adobe Photoshop como en Adobe Fireworks. (De lo contrario, realmente necesitas una calculadora hexadecimal especial, ¡y existen en línea!)

Aquí se explica cómo usar Adobe Photoshop para encontrar el número hexadecimal de un color de muestra, o de un color PMS o RGB conocido:

1. Iniciar Photoshop.

2. Elija Archivo → Abrir desde la barra de menú.

   Navega hasta una imagen de la que quieras muestrear un color y ábrela.

   Si no tiene una imagen para muestrear y solo necesita traducir un valor de color RGB o PMS, no necesita abrir un archivo.

3. Haga clic en el muestrario de colores de primer plano en la parte inferior del panel Herramientas.

   Aparece una paleta emergente que ofrece un selector de color para que lo use, como lo ilustra la siguiente figura. Tenga en cuenta también que su cursor se convierte en un cuentagotas.

   

4. Mueva el cursor sobre su imagen y haga clic en el color que desea muestrear.

   Observe las actualizaciones de lectura hexadecimal en el Selector de colores.

5. Seleccione y copie el código hexadecimal dentro del selector de color antes de hacer clic en el botón Aceptar para salir, luego pegue el código en su código CSS o en su guía de estilo.

6. Para traducir un color PMS, haga lo siguiente:

   1. Haga clic en el botón Bibliotecas de colores en el Selector de colores.

   2. Escriba rápidamente su número de PMS, por ejemplo, 375, para ver aparecer su muestra de color.

   3. Cuando encuentre el correcto en la lista, haga clic en & ldquo; Selector y rdquo; para regresar al Selector de colores.

      Observe que el código hexadecimal aparece para su color; ahora puedes copiarlo y pegarlo como quieras.

7. Para traducir un color RGB, simplemente ingrese los valores R, G y B en el Selector de colores y vea la actualización del número hexadecimal en consecuencia.