La gama de colores
Web
consiste en 216 combinaciones de rojo, verde y azul, donde cada color
puede tomar un valor entre seis diferentes (en numeración
hexadecimal):
#00, #33, #66, #99, #CC o #FF, cuyos valores respectivos en sistema
decimal equivalen a 0, 51, 102, 153, 204 y 255, que tienen un porcentaje
de intensidad de 0%, 20%, 40%, 60%, 80% y 100%, respectivamente. Esto
nos permite dividir los 216 colores en un cubo de dimensión 6.
Se procura que los píxeles sean
saturados sea, pero nunca se trata de un color absolutamente
puro. Por tanto la producción de colores con este sistema tiene
limitaciones:
- La derivada del funcionamiento de las mezclas aditivas:
sólo pueden ser obtenidos los colores interiores del triángulo formado
por los tres colores primarios de luz.
- La derivada del hecho que los colores primarios usados no son absolutamente monocromáticos.
- Las diversas pantallas no son iguales exactamente, además de ser
configurables por los usuarios, con lo cual varios parámetros pueden
variar.
Esto implica que las codificaciones de los colores destinadas a las
pantallas se deben interpretar como descripciones relativas, y entender
la precisión de acuerdo con las características de la pantalla.
Codificación hexadecimal del color
La codificación dodecadecimal del color permite expresar fácilmente un color concreto de la escala RGB, utilizando la notación hexadecimal, como en el lenguaje HTML y en
JavaScript.
Este sistema utiliza la combinación de tres códigos de dos dígitos para expresar las diferentes intensidades de los colores primarios RGB.
El blanco y el negro
| Negro
|
#000000
|
Los tres canales están al mínimo 00, 00 y 00
|
| Blanco
|
#ffffff
|
Los tres canales están al máximo ff, ff y ff
|
En el sistema de numeración hexadecimal, además de los números del 0
al 9 se utilizan seis letras con un valor numérico equivalente; a=10,
b=11, c=12, d=13, e=14 y f=15. La correspondencia entre la numeración
hexadecimal y la decimal u ordinaria viene dada por la siguiente
fórmula:
- decimal = primera cifra hexadecimal × 16 + segunda cifra hexadecimal
La intensidad máxima es ff, que se corresponde con (15×16)+15= 255 en decimal, y la nula es 00, también 0 en decimal. De esta manera, cualquier color queda definido por tres pares de dígitos.
Los tres colores básicos
| Rojo
|
#ff0000
|
El canal de rojo está al máximo y los otros dos al mínimo
|
| Verde
|
#00ff00
|
El canal del verde está al máximo y los otros dos al mínimo
|
| Azul
|
#0000ff
|
El canal del azul está al máximo y los otros dos al mínimo |
Las combinaciones básicas
| Amarillo
|
#ffff00
|
Los canales rojo y verde están al máximo
|
| Cian
|
#00ffff
|
Los canales verde y azul están al máximo
|
| Magenta
|
#ff00ff
|
Los canales azul y rojo están al máximo
|
| Gris claro
|
#d0d0d0
|
Los tres canales tienen la misma intensidad
|
| Gris oscuro
|
#5e5e5e
|
Los tres canales tienen la misma intensidad
|
A partir de aquí se puede hacer cualquier combinación de los tres colores.
Colores definidos por la especificación HTML 4.01
| Color
|
Hexadecimal
|
Color
|
Hexadecimal
|
Color
|
Hexadecimal
|
Color
|
Hexadecimal
|
| cyan
|
#00ffff
|
black
|
#000000
|
blue
|
#0000ff
|
fucsia
|
#ff00ff
|
| gray
|
#808080
|
green
|
#008000
|
lime
|
#00ff00
|
maroon
|
#800000
|
| navy
|
#000080
|
olive
|
#808000
|
purple
|
#800080
|
red
|
#ff0000
|
| silver
|
#c0c0c0
|
teal
|
#008080
|
white
|
#ffffff
|
yellow
|
#ffff00
|
Los colores más saturados y los más luminosos esquema CIE.
Supongamos tres fuentes luminosas, r, g y b, de las características indicadas en el gráfico adjunto:
Cualquier color que se pueda obtener a partir de esos tres colores primarios tendrá la forma:
- (ir, ig, ib)
donde ir, ig e ib son los coeficientes de las intensidades correspondientes a cada color primario.
Si situamos los colores obtenidos en el gráfico, tenemos que:
- Si dos de los coeficientes son nulos, el color se sitúa en el vértice correspondiente al color de coeficiente no nulo.
- Si un coeficiente es nulo, el color se sitúa en uno de los lados del
triángulo: el conjunto de todos ellos son los colores más saturados.
- Si ninguno de los coeficientes es nulo, el color se sitúa en un
punto del interior; cuanto más parecidos sean los tres coeficientes, más
cerca estará del blanco (en el centro).
Al representar combinaciones de tres valores independientes en un
diagrama que sólo tiene dos, resulta que a cada punto del diagrama le
corresponde toda una familia de colores. Por ejemplo, los siguientes
colores tienen la misma proporción de rojo, verde y azul, y por tanto
les corresponde el mismo punto del gráfico. Solo se diferencian en la
intensidad.
Variación de las intensidades
| 100, 50, 0
|
#643200
|
Marrón oscuro
|
| 200, 100, 0
|
#c86400
|
Marrón claro
|
| 150, 75, 0
|
#964b00
|
Marrón |
Si las intensidades ir, ig e ib tienen un límite superior (255), la
condición necesaria y suficiente para que un color sea el más intenso de
la familia (es decir, de los representados por el mismo punto) es que
al menos uno de sus coeficientes sea 255.
Los colores que presentan la máxima saturación y la máxima
luminosidad a la vez, son los que reúnen dos requisitos: al menos uno de
los coeficientes es 255 y al menos uno de los coeficientes es 0. De
esto se deduce que los colores más saturados y más luminosos siguen la
siguiente secuencia:
- (0, 0, 0) es negro
- (255, 255, 255) es blanco
- (255, 0, 0) es rojo
- (0, 255, 0) es verde
- (0, 0, 255) es azul
- (255, 255, 0) es amarillo
- (0, 255, 255) es cian
- (255, 0, 255) es magenta
|
amarillo
(255,255,0)
|
verde
(0,255,0)
|
cian
(0,255,255)
|
rojo
(255,0,0) |
|
azul
(0,0,255)
|
|
rojo
(255,0,0)
|
magenta |
Listado de colores con formulación hexadecimal, RGB y HSV
Modo de color HSV
