Los colores que aparecen en una página web se pueden establecer mediante los sistemas de codificación de color Hexadecimal, RGB o HSL. Son especificados como valores numéricos, aunque hay algunos colores que pueden ser nombrados por sus nombres en inglés.
El código de colores HEXADECIMAL consiste en un par de caracteres en el código Hex, que representa la intensidad de los colores rojo, verde y azul respectivamente.
Los valores del código Hex van desde 00, que es la más baja intensidad de un color, a FF,lo que representa el nivel más alto de intensidad. El color blanco, por ejemplo, se obtienen por la mezcla de los tres colores primarios en su máxima intensidad, y en el código Hex de color de #FFFFFF.
El color negro, la ausencia de cualquier color de la pantalla, es todo lo contrario, con cada color que se muestra en su nivel más bajo posible intensidad y un código de color Hex #000000.
El código de colores RGB es un modelo de color aditivo basado en la mezcla de luz roja, verde y azul para crear una amplia gama de colores. Se utiliza principalmente en pantallas electrónicas, donde cada píxel combina intensidades de estos tres canales, usualmente valores de 0 a 255.
El código de colores HSL (Hue, Saturation, Lightness) representa los colores basándose en tres parámetros intuitivos: matiz (color), saturación (pureza) y luminosidad (brillo). Es muy utilizado en diseño web y CSS por ser más fácil de entender que RGB, permitiendo ajustar colores sin perder la tonalidad base.
Existen diversas opciones para configurar el estilo de los elementos de HTML, por ejemplo, la alineación de en texto se puede definir con una etiqueta HTML o en el archivo CSS.
Podemos centrar un elemento HTML con la etiqueta center pero también podemos definir la alineación en estilo:
h1 { font-family: Helvetica, Geneva, Arial; color: yellow; background-color: blue; text-align: center; font-size: 50px;}
También podemos definir que todas las imágenes (o vídeos) aparezcan centradas o que tengan un determinado tamaño. Por ejemplo:
img { display: block; margin: auto; width: 20%;}
Podemos poner borde a un elemento, o una línea por encima o por debajo. Por ejemplo:
h3{ font-family: 'ZCOOL KuaiLe', cursive; font-size: 30px; border: red 5px solid;}