El color en la web

Debido a que el diseño web se engloba en lo que es el diseño digital, en la codificación del color se utilizan los modelos aditivos, en diferencia al sustractivo CMYK utilizado en gráfica. El más básico es el RGB, por rojo, verde y azul, pero también se usan el modelo Hexadecimal y el HSL. Todos utilizan números para cada color con su nomenclatura propia, salvo el hexadecimal que suma letras.

Nombre del color

Otra manera de referirse a un color es directamente por nombre, los cuales se pueden agregar al código. El nombre debe escribirse en inglés y esta forma se limita a una cantidad máxima de 140 diferentes colores solamente, incluídas sus variaciones lumínicas en algunos de ellos.

RGB

El modelo RGB tiene tres valores, el primero es para el rojo, el segundo para el verde y el trecero para el azul. Cada uno van del cero (negro completo, es decir, sin color) al 255 (el color puro). Escribiendo diferentes números dentro de ese rango es como se logran las mezclas. Una alternativa al modelo rgb es el rgba, donde "a" es el valor dedicado a la opacidad.

Hexadecimal

El modelo Hexadecimal tiene también tres valores, pero se escriben en una sola nomenclatura compuesta por tres pares de signos, el primero para el rojo, el segundo para el verde y el tercero para el azul. Maneja una escala de 16 (de ahí hexadecimal) que va del cero al nueve y de la A a la F. Se debe anteponer el signo # en el código.

HSL

El modelo HSL refiere al matiz, la saturación y la luminosidad. Utiliza tres valores como el RGB, pero muy diferente. El primer valor usa una escala del 0 al 359, correspondiendo a los 360º del círculo cromático, o sea el color propiamente. El segundo se define con porcentajes y hace a la saturación (100% es el color saturado y 0% su equivalente en gris). El tercer valor es la luminosidad (claro u oscuro), siendo 0% para el negro, 100% para el blanco y 50% para el color en su tonalidad pura. Como en el RGB también existe una variante hsla para agregar al final el valor de la opacidad.

Puede parecer complejo tener que referirse a un color mediante código, sin embargo el entender al menos el funcionamiento de cada nomenclatura, a qué hace referencia, nos puede ayudar a tener una aproximación de lo que queremos, sea una gama de color, una saturación o luminosidad. Pero lo que sí es realmente importante es que cada modelo proporciona una manera de "nombrar" a un color exactamente determinado, y que sea igual en cualquier dispositivo.

Herramientas en línea

Para facilitar el trabajo de obtener el código de un color, existen numerosas páginas web que nos lo generan automáticamente al formarlos gracias a sus sencillas interfaces de usuario.