CC-BY-SA • PID_00191347

39

Conceptos básicos de diseño gráfico

Aplicación en una página web
Si, por ejemplo, queremos que el color de los textos de párrafo en una página web sea
rojo escribiremos, codificado en hexadecimal, en la hoja de estilo:
p {
color: #FF0000;
}
O bien con valores decimales:
p {
color: rgb(255,0,0);
}
Si además queremos un color de fondo amarillo escribiremos en hexadecimal:
p {
color: #FF0000;
background-color: #FFFF0;
}
O bien con valores decimales:
p {
color: rgb(255,0,0);
background-color: rgb(255,255,0);
}
El W3C ha establecido además dieciséis nombres de color que pueden usarse directamente por escrito: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white y yellow. Así para nuestro texto rojo podríamos haber escrito
también:
p {
color: red;
}
Existen además unos ciento cincuenta nombres que son reconocidos por los principales
navegadores, aunque no forman parte del estándar.

2.4.9. Codificación HSB
(3)
3

Tono, saturación, brillo

La codificación HSB�(Hue,�Saturation,�Brigthness) usa los tres parámetros básicos del color. Es por ello -y porque se suele representar mediante un cuerpo geométrico regular (un cono o un cilindro)- por lo que
es uno de los sistemas más intuitivos para manejar la selección del color.

El parámetro tono o matiz4 tiene los valores en grados, correspondientes a su
posición en la base o en la periferia del cono. Va de 0° a 360°. El parámetro
saturación5 se mide en porcentaje, desde un 0% no-saturado (blanco, gris o
negro) en el eje central del cono hasta un 100% de color puro en la periferia.
6

El brillo determina la luminosidad del color y también se mide en porcentaje

(4)

Hue en inglés.

(5)

Saturation en inglés.

(6)

Brigthness en inglés.