Colores Css

Colores CSS
Los colores en CSS se puede especificar los siguientes métodos:

• hexadecimal colores
• RGB de colores
• RGBA colores
• colores HSL
• HSLA colores
• predefinidos / Cruz navegador nombres de los colores

Hexadecimal colores
Los valores hexadecimales de color son compatibles con todos los principales navegadores.

Un color hexadecimal se especifica con: # RRGGBB,donde el RR (rojo), AP (verde) y BB (azul) enteros hexadecimales especificar los componentes del color. Todos los valores deben estar entre 0 y FF.

Por ejemplo, el valor # 0000FF se representa en azul, porque el componente azul se establece en su valor más alto (y siguientes) y los otros se ponen a 0.

Ejemplo
p
{
background-color: # FF0000;
}

Los colores RGB
valores de colorRGB se admiten en todos los principales navegadores.

Un valor de color RGB se especifica con: RGB (rojo, verde, azul). Cada parámetro (rojo, verde y azul) define la intensidad del color y puede ser un número entero entre 0 y 255 o un valor de porcentaje (de 0% a 100%).

Por ejemplo, el rgb (0,0,255) El valor se representa en azul, ya que el parámetro de color azul se establece en su valormás alto (255) y los otros se ponen a 0.

Además, los siguientes valores definen el mismo color: rgb (0,0,255) y RGB (0%, 0%, 100%).

Ejemplo
p
{
background-color: rgb (255,0,0);
}

Los colores RGBA
valores de color RGBA se admiten en IE9 +, 3 + Firefox, Chrome, Safari y Opera en 10 +.

valores de color RGBA son una extensión de los valores de color RGB con un canal alfa -que especifica la opacidad del objeto.

Un valor de color RGBA se especifica con: RGBA (rojo, verde, azul, alfa). El parámetro alfa es un número entre 0.0 (totalmente transparente) y 1.0 (totalmente opaco).

Ejemplo
p
{
background-color: rgba (255,0,0,0.5);
}
Colores HSL
los valores de color HSL se admiten en IE9 +, Firefox, Chrome, Safari y Opera en 10 +.

HSL es sinónimo dematiz, saturación y luminosidad - y representa un cilindro-coordinar la representación de los colores.

Un valor de color HSL se especifica con: HSL (tono, saturación, luminosidad).

Tono es un grado en la rueda de color (de 0 a 360) - 0 (o 360) es de color rojo, 120 es de color verde, 240 es de color azul. La saturación es un valor porcentual, 0% significa un tono de gris y el 100% es elcolor. La ligereza es también un porcentaje; 0% es negro, el 100% es blanca.

Ejemplo
p
{
background-color: HSL (120,65%, 75%);
}

HSLA Colores
valores HSLA color son compatibles con IE9 +, 3 + Firefox, Chrome, Safari y Opera en 10 +.

los valores de color HSLA son una extensión de los valores de color HSL con un canal alfa - que especifica la opacidad del objeto.

Un valor decolor HSLA se especifica con: HSLA (tono, saturación, luminosidad, alfa), donde el parámetro alfa define la opacidad. El parámetro alfa es un número entre 0.0 (totalmente transparente) y 1.0 (totalmente opaco).

Ejemplo
p
{
background-color: HSLA (120,65%, 75%, 0,3);
}

Predefinidos / Cruz-navegador color Nombres
147 nombres de colores están predefinidos en el código HTML y CSSespecificación de color. Mira nuestra tabla de nombres de colores predefinidos.

Nombres de color compatibles con todos los navegadores
147 nombres de colores se definen en el código HTML y CSS especificación de color (17 colores estándar, además de 130 más). La tabla siguiente muestra todos ellos, junto con sus valores hexadecimales.

Consejo: Los 17 colores estándar son: aqua, negro, azul,fucsia, gris, gris, verde lima granate, azul marino, de oliva, púrpura, rojo, plata, azul, blanco y amarillo.

Haga clic en un nombre de color (o un valor hexadecimal) para ver el color que el fondo de color junto con los colores de texto diferentes:

Color Name | HEX | Color | Shades | Mix |
AliceBlue  | #F0F8FF |   | Shades | Mix |
AntiqueWhite  | #FAEBD7 |   | Shades | Mix |
Aqua  |...