Codificacion del color

Codificacion del color

Curso online de diseño gráfico

Codificación del color

 

La codificación RGB (red, green, blue) o RVA (rojo, verde, azul) parte de los 3 colores
primarios de luz y les da a cada uno de ellos un valor entre 0 y 255. Combinando estos
colores consigue una amplia gama de tonos.
En los sistemas digitales son necesarios 24 bits para almacenar un gráfico en RGB. En los
programas de dibujo de mapa de bits el modo RGB usa tres canales de 8 bits cada uno.
Los monitores de televisión y de ordenador usan RGB para representar el color, por lo
que trabajar en modo RGB es la opción más adecuada para conseguir color de calidad en
gráficos que deben ser vistos en pantalla (como los de una web). Los estándares de color
en las páginas web usan también la codificación RGB para definir el color del texto,
líneas o fondos.

Para una imagen destinada a imprimirse en una impresora de sobremesa puede usarse
RGB porque la mayoría de ellas hace automáticamente la conversión. De todas formas
hay que tener en cuenta que estas impresoras tienen cuatro tintas (cian, magenta,
amarillo y negro) que no corresponden con los colores rojo, verde y azul.
Usando la codificación RGB en el selector de color de GIMP
Para una imagen destinada a imprimirse en offset el modo RGB es totalmente
inadecuado pues saldrían 3 fotolitos (uno por canal) que no corresponderían con los
colores usados en la imprenta.

RGB en decimal y hexadecimal

¿De qué forma se escriben los valores RGB en los sistemas informáticos?
Una forma habitual en los programas de diseño es dar los valores de cada uno de los
componentes del RGB usando la numeración decimal entre 0 y 255. Cada componente
tiene su valor numérico, en un rango de entre 0 (mínimo) a 255 (máximo). Un blanco
total tendría el valor RGB de (255, 255, 255), un negro sería (0, 0, 0), un rojo de máxima
saturación (255, 0, 0), y así todas las demás combinaciones.
Pero en algunos casos también es habitual escribirlo usando la numeración hexadecimal,
fue el caso del HTML en la web hasta que llegaron las hojas de estilo. Y aún se sigue
usando porque es una forma compacta de dar un valor de color con sólo 6 dígitos. Es por
eso por lo que muchos selectores de color de programas de gráficos nos ofrecen
también los valores RGB de un color en ese formato.
La escritura hexadecimal usa 16 dígitos ya que a los diez números convencionales (del 0
al 9) se le suman 6 letras del alfabeto latino (de la A a la F).
Color en la web, RGB en hojas de estilo
Las páginas web se definen técnicamente a través del lenguaje de marcado HTML, que
define su estructura, y de las hojas de estilo CSS, que definen su apariencia. La evolución
de estos estándares se lleva a cabo a través de las especificaciones y recomendaciones
del W3Consortium, un consorcio formado por organizaciones, empresas e instituciones
públicas y privadas comprometidas con el desarrollo de la web. En diciembre de 1996 el
W3Consortium, conocido también como W3C, hizo la primera recomendación del
estándar CSS-1 y en 1998 lo hizo para CSS-2. Progresivamente los principales
navegadores implementaron la interpretación de estos estándares.
En los parámetros de CSS el color se define por RGB. Esto puede hacerse con dígitos
hexadecimales o decimales. En el apartado «RGB en hexadecimal» se ha explicado que
para establecer un color de forma hexadecimal se hace con 3 números formados por
dobles dígitos, en HTML y en las hojas de estilo estos 6 números van siempre precedidos
del signo «#». Para establecerlo con valores decimales se escribe «rgb» seguido de 3
valores decimales entre 0 y 255 contenidos entre paréntesis y separados por comas. A
continuación se muestran algunos ejemplos.

Colores RGB y notación hexadecimal

Variando los valores en cada componente del RGB podemos representar
numéricamente miles de colores. Usando el sistema hexadecimal cuanto más bajo es un
valor (más próximo a 00) menos luz tenemos de una componente y cuanto más alto
(más próximo a FF) tenemos más.
En diseño web los colores considerados safe, que se pueden reproducir fielmente sin
cambios en distintos navegadores y sistemas operativos, son los que contienen los
niveles de 00, 33, 66, 99, CC o FF, para cada color primario.
Un rojo oscuro puede ser representado como un #330000. Este rojo sería menos
brillante que el rojo total (#FF0000). Un rojo con más brillo podría ser #660000.
Igualmente haríamos con los otros componentes. Por ejemplo, un verde total, #00FF00,
o un verde oscuro #003300. Un azul medio #000099 o un azul oscuro #000033.

 

Vea nuestro máster en Diseño Gráfico

Luis Bonilla

    Comentarios cerrados.
    Hola, en qué podemos ayudarte?
    Powered by