Diseño web: utilizar el código hexadecimal del color para que coincida con los colores

Al especificar colores en HTML o código CSS en el diseño web, usted no&rsquo-t utilizar sus números RGB. En su lugar, utiliza algo llamado código hexadecimal. Por ejemplo, el blanco es simple y llano 255,255,255 en RGB, pero es #FFFFFF en código hexadecimal. En el código hexadecimal, los dos primeros 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 del FF son iguales a 255. Por lo tanto este color es R = 255, G = 255, y B = 255. Los tres colores a plena potencia (255) hacen blanco.

Imagínese que usted&rsquo re-diseño de un sitio web para una empresa que tiene un puñado de colores de la compañía que ellos quieren que se utiliza en todo el sitio. Muchas veces, estos colores se especifican como los colores PMS (PAGantone METROatching Sistema). Entonces, ¿cómo se pasa de PMS o RGB a los códigos de color hexadecimal?

En lugar de utilizar un anillo decodificador requete para traducir los valores de color en código hexadecimal y viceversa, se puede recuperar el código tanto en Adobe Photoshop y Adobe Fireworks. (De lo contrario, usted realmente no necesita una calculadora hexadecimal especial, y los hay en línea!)

aquí&rsquo-s cómo utilizar Adobe Photoshop para encontrar el número hexadecimal de un color de la muestra, o de un síndrome premenstrual conocidos o de color RGB:

1. Lanzar Photoshop.

2. Seleccione Archivo → Abrir la barra de menús.

   Vaya a una imagen que desea un color de muestra y abrirlo.

   Si tu no&rsquo-T tiene una imagen para muestrear y sólo tiene que traducir un valor de color RGB o PMS, no es necesario abrir un archivo.

3. Haga clic en la muestra de color de primer plano en la parte inferior del panel Herramientas.

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

   

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

   Note las actualizaciones de lectura hexadecimal en el Selector de color.

5. Seleccionar y copiar el código hexadecimal en el Selector de color antes de hacer clic en el botón Aceptar para salir, a continuación, pegue el código en el código CSS, o en su guía de estilo.

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

Video: Tutorial Adobe Illustrator CC: Color web | video2brain.com

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

   Video: colores html y sistema hexadecimal

2. escribir rápidamente su número de PMS, por ejemplo 375, que se publicara su muestra de color.

   Video: Color Hexadecimal - Amg

3. Cuando encuentre el más adecuado en la lista, haga clic en el &ldquo-Selector&rdquo- botón para volver a la Selector de color.

   Video: Paleta de Colores HTML RGB. Colores para Códigos CSS y SCSS

   Observe que aparezca el código hexadecimal para su color- ahora se puede copiar y pegar a su gusto.