CSS que los colores RGB

diseño web utiliza el RGB (rojo, verde, azul) modelo de color como una forma de crear diferentes tonos y matices que se mostrará en los navegadores. Este modelo combina los tres colores primarios basados ​​en la luz, lo que difiere un poco de los colores primarios rojo, amarillo y azul, utilizados para crear los colores de pintura. código hexadecimal y RGB representan las dos opciones básicas para el uso de los valores RGB para crear colores en CSS (Cascading Style Sheets) código.

Los valores RGB en código hexadecimal

códigos de color hexadecimales son de tres pares de bases 16 (hexadecimal) números que van desde cero a "F" con "F" es igual a 16. Cada par de números representa un valor de rojo, verde y azul, en ese orden. En HTML y CSS, códigos de color hexadecimal son precedidos por un símbolo de hash:

0776F8

Este código de ejemplo crea un bonito color azul. Cuando usted múltiples dos valores en un par, se obtiene el valor de 10 bases (decimal) de color rojo, verde o azul. El código hexadecimal en el ejemplo se desglosa de la siguiente manera:

0 x 7 = 7

7 x 6 = 42

F x 8 = 128

Los códigos hexadecimales taquigrafía

Otra forma de añadir colores en CSS utilizando códigos hexadecimales utiliza acorta códigos de tres dígitos. La taquigrafía es muy útil cuando se desea agregar tonos blancos, negros o grises. Por ejemplo, el código hexadecimal para el blanco es "#FFFFFF" mientras que su representación abreviada es "#FFF". grises oscuros como "# 555555" Del mismo modo se convierten en "# 555".

Los valores RGB Usando señales RGB ()

Introducido a CSS de nivel 3 (CSS3), los códigos RGB () le permiten añadir colores a sus hojas de estilo sin la necesidad de convertir los valores de rojo, verde y azul en código hexadecimal. Donde quiera que normalmente utiliza un código hexadecimal, se puede reemplazar con esto:

RGB (255,0,0)

Los valores de color van de cero a 255. Desde el primer valor - rojo - se establece en 255 mientras que el azul y el verde se ponen a cero, este código RGB () crea un brillante, rojo primario. También puede utilizar valores de porcentaje en RGB () Los códigos de color: RGB "(100%, 0,0)".

Los valores RGB en RGBA ()

El código de color RGBA () añade un valor extra a sus colores: la transparencia alfa. Este valor varía de cero a uno usando números decimales que igualan el porcentaje de transparencia para el color. Por ejemplo, si desea añadir una sombra negro a una imagen en una página web y dar el porcentaje de transparencia sombra 50, el valor de transparencia alfa en RGBA () es de 0,5:

RGBA (0,0,0,0.5)