Color en Hexadecimal y RGB

Color en Hexadecimal y RGB


alukard999

alukard999

Microsoft Most Value Professional

Microsoft Most Value Professional

Colores web

Los colores web son aquellos colores que aparecen en una página web. Se pueden basar sobre los sistemas de color RGB o HSL. En el código CSS (y antiguamente en HTML) son especificados como valores numéricos, aunque hay algunos colores que son nombrados por nombres propios en inglés.




HTML

En las pantallas, la sensación de color se produce por la mezcla aditiva de rojo, verde y azul.

Las pantallas se dividen en puntos minúsculos llamados píxeles formados por tres subpíxeles de colores primarios de luz, cada uno de los cuales brilla con una determinada intensidad.

Al principio, la limitación en la profundidad de color de la mayoría de los monitores condujo a una gama limitada a 216 colores, definidos por el cubo de color, mediante la fórmula 63=216.

No obstante, el predominio de los monitores de 24-bit (resultante de 224), posibilitó el uso de 16,7 millones de colores del espacio de color HTML RGB.

La gama de colores de la 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.


RGB

La paleta de colores RGB (RVA en español) consta, básicamente, de tres colores primarios aditivos:

Rojo, Verde, Azul.

Estos colores primarios aditivos, en HTML, están representados por tres pares hexadecimales del tipo 0xHH-HH-HH según el siguiente formato: (los colores básicos o primarios, no aquellos que son resultantes de mezclas).

#RRGGBB (= #RRVVAA)

Los valores que puede adaptar cada uno de los tres pares hexadecimales van del 0x00 (0 decimal) al 0xFF (255 decimal). Cuanto mayor sea el valor del par, tanto mayor será también la intensidad (matiz, brillo o claridad) del color correspondiente a ese par (y viceversa).

Esto implica que el extremo inferior de la escala cromática parte de una intensidad (grado) de color mínima (nulo = par 0x00), pasa por una intensidad de color media (mediano = par 0x80 [128 decimal]) hasta llegar a una intensidad de color máxima (saturado = par 0xFF).

El grado de más alta pureza (absoluto) de un color primario aditivo estará determinado por la presencia total del mismo (saturación = 0xFF) junto con la ausencia total (nulidad = 0x00) de los otros dos colores primarios aditivos.

Además de estos tres colores primarios aditivos (RVA), existen tres colores primarios sustractivos o CMY (CMA en español): Cian, Magenta, Amarillo.

Estos colores surgen de la siguiente combinación (mezcla) de los primarios aditivos:

Cian = Verde + Azul
Magenta = Rojo + Azul
Amarillo = Rojo + Verde

En cuanto a su grado de pureza, ocurre algo inverso a los colores primarios aditivos, ya que el grado absoluto estará determinado por la nulidad de uno de sus componentes y la saturación de los otros dos. Los colores complementarios de los primarios, tanto aditivos como sustractivos, serán recíprocamente:

Rojo ↔ Cian
Verde ↔ Magenta
Azul ↔ Amarillo

La combinación simultánea de los tres primarios aditivos saturados produce el blanco (0xFFFFFF).
Contrariamente, la combinación simultánea de los tres primarios sustractivos nulos produce el negro (0x000000).
Resulta claro también que la combinación de dos colores mutuamente complementarios producirá el blanco, de igual modo que la sustracción (absorción) de ambos dará lugar al negro (ausencia total de color).
Así, p. ej., el rojo (0xFF0000) más su complementario que es el cian (0x00FFFF), generan el blanco (0xFFFFFF).
De hecho, el cian no es otra cosa que la sustracción del rojo al blanco. Obsérvese los siguientes gráficos:

Color en Hexadecimal y RGB

Color en Hexadecimal y RGB

Color en Hexadecimal y RGB

Color en Hexadecimal y RGB

Por su parte, el gris mediano (0x808080), que es el exacto término medio entre el negro y el blanco, se obtendrá a partir de la combinación simultánea de los tres primarios aditivos medianos.

Análogamente, el gris semisaturado (claro) se obtendrá a partir de la combinación 0xC0C0C0, mientras que el gris seminulo (oscuro) mediante 0x404040.

De este modo, tenemos que el resto de los colores, que están comprendidos entre el negro (0x000000) y el blanco (0xFFFFFF), surgen de la combinación de los tres primarios aditivos en distintos grados.

En otras palabras: bastará con reemplazar cada uno de los pares 0xHH-HH-HH por un valor comprendido entre 0x00 y 0xFF para obtener cualquiera de los colores posibles.

Existen 16 777 216 combinaciones distintas en el sistema RGB de 24 bits y, por lo tanto, 16 777 216 colores: 256 × 256 × 256 = 16 777 216.

En la práctica, sin embargo, puede haber algunas combinaciones que no sean válidas.

Eso pasaba antiguamente, cuando la paleta de colores más grande tenía 256 colores (8 bits).

Por eso, existen 216 colores seguros, que serán visibles en cualquier dispositivo sin necesidad de tramado, reservándose los otros 40 colores para el sistema, de los cuales algunos se muestran aquí.


HSL

En el sistema de colores HSL los colores se miden por tres parámetros (hue, saturation y light) que determinan la posición del color en el cilindro de colores HSL.

El primer parámetro es el ángulo horizontal, el segundo es la distancia horizontal del centro de la base y el tercero es la distancia vertical (altura) del centro de la base.


Alpha

Un color puede mostrarse con una opacidad determinada en pantalla, que se determina por el parámetro alpha, que, añadido a RGB y HSL, los convierte en RGBa y HSLa.


Nota: Es responsabilidad de cada uno el uso de estas herramientas, teniendo en cuenta que no funciona en todos los casos o situaciones.




Resumen
Color en Hexadecimal y RGB
Nombre del artículo
Color en Hexadecimal y RGB
Descripción
En este apartado encontraras un editor de color en RGB de fácil uso en cual podrás buscar de la manera rápida y precisa sin tanto cuento y profesional como si estuvieras usando Adobe, o Corel, con la misma calidad y funcionalidad.
Autor
Nombre del editor
alukard999
Logotipo del editor