El Color

Sistema de color RGB hexadecimal

RGB = Red, Green, Blue = Rojo, Verde, Azul = RVA

A cada uno de los tres colores básicos (RGB) se les llama canales.

Podemos definir los colores RGB hexadecimales mediante dos tipos de notaciones:

  1. Notación Hexadecimal #RRGGBB
    "#", seguido de seis caracteres hexadecimales (0-9, A-F)
  2. Notación Hexadecimal #RGB
    "#", seguido de tres caracteres hexadecimales (0-9, A-F)

Los tres colores básicos

red = #ff0000 = #f00
green = #00ff00 = #0f0
blue = #0000ff = #00f

Las tres combinaciones básicas

Mezclando los tres canales podemos lograr nuevos colores. Asignando mayor o menor intensidad a cada uno de los canales obtenemos colores muy diferentes. La intensidad del canal se mide con números hexadecimales que se encuentran en el rando 00..ff. Estos números tienen su correspondencia en decimal: 0..255.

yellow = #ffff00 = #ff0
cyan = #00ffff = #0ff
magenta = #ff00ff = #f0f

Variaciones de intensidades

En este ejemplo vamos a elaborar una gama de colores con una variación de tonos de rojo. Para ello graduaremos la intensidad del canal R con números hexadecimales en el rango 00..ff.

#ff0000 = #f00 #e60000 #bf0000 #800000 #400000

Observa que, con valores hexadecimales altos, el color es más brillante y, con valores bajos, el tono se oscurece.

Los tonos grises

Cuando la intensidad de los tres colores RGB es igual, obtenemos un color gris. En este ejemplo vamos a elaborar una gama de colores con una variación de tonos de gris. Para ello graduaremos la intensidad del cada uno de los canales con los mismos números hexadecimales en el rango 00..ff.

#4d4d4d #8c8c8c #b3b3b3 #cccccc = #ccc #d9d9d9

Observa que, con valores hexadecimales altos, el color es más brillante y, con valores bajos, el tono se oscurece.

El blanco

Cuando la intensidad de los tres canales RGB está al máximo obtenemos el color blanco (#ffffff). El blanco se define como la mezcla de todos los colores.

#ffffff = #fff

El negro

Cuando la intensidad de los tres canales RGB está al mínimo obtenemos el negro (#000000). El negro se define como la ausencia de todo color.

#000000 = #000