Los últimos tutoriales de desarrollo web
 

Colors Tutorial


Los colores se muestren combinando ROJO, VERDE, AZUL y la luz.


Los nombres de color

Con CSS, colores se pueden cambiar mediante el uso de nombres de colores:

Ejemplo

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
Inténtalo tú mismo "

Los valores de color CSS

Con CSS, los colores se pueden especificar de diferentes maneras:

  • Por nombres de colores
  • Como valores RGB
  • Como valores hexadecimales
  • Como los valores HSL (CSS3)
  • Como valores de HWB (CSS4)

Colores RGB

valores de color RGB son compatibles con todos los 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 como un número entero entre 0 y 255.

Por ejemplo, rgb (0,0,255) se representa como azul, azul porque el parámetro se establece en su valor más alto (255) y los otros se establece en 0.

Ejemplo

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
Inténtalo tú mismo "

Tonos de gris a menudo se definen mediante valores iguales para todas las 3 fuentes de luz:

Ejemplo

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
Inténtalo tú mismo "

Colores hexadecimales

valores de color hexadecimales también son compatibles con todos los navegadores.

Un color hexadecimal se especifica con: #RRGGBB.

RR (rojo), GG (verde) y BB (azul) son números enteros hexadecimal entre 00 y FF que especifican la intensidad del color.

Por ejemplo, # 0000FF se muestra como azul, debido a que el componente azul se establece en su valor más alto (FF) y los otros se establece en 00.

Ejemplo

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue
Inténtalo tú mismo "

Tonos de gris a menudo se definen mediante valores iguales para todas las 3 fuentes de luz:

Ejemplo

Color HEX RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White
Inténtalo tú mismo "

Mayúsculas o minúsculas?

Puede utilizar mayúsculas o minúsculas para especificar los valores hexadecimales.

Nota minúsculas son más fáciles de escribir. mayúsculas son más fáciles de leer.

Los nombres de color

CSS es compatible con 140 nombres de colores estándar.

En el siguiente capítulo se encuentra una lista por orden alfabético de los nombres de colores completa con valores hexadecimales:

Color Name Hex Color
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4