Color HTML y hexadecimal

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

 

Colores de la CIE.

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