SOFÍA-Fuente de Texto

Colores en HTML

Los colores que aparecen en una página web se pueden establecer mediantes 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.

Hexadecimal

El color hexadecimal en HTML es un sistema de notación alfanumérica de seis dígitos (precedidos por #, ej. #RRGGBB) que representa colores en sitios web combinando intensidades de rojo, verde y azul (RGB). Cada par de caracteres (00-FF) define la intensidad de cada color primario, permitiendo más de 16 millones de colores únicos.

RGB

El modelo RGB en HTML define colores mediante la mezcla de luz Red (rojo), Green (verde) y Blue (azul), con valores de intensidad del 0 al 255 para cada canal. Se utiliza en diseño web con la sintaxis rgb(r, g, b) en CSS para representar más de 16 millones de colores.

HSL

El modelo HSL (Hue, Saturation, Lightness) en HTML/CSS es una forma intuitiva de definir colores basada en tres parámetros: Matiz (tono/color, 0-360°), Saturación (intensidad, 0-100%) y Luminosidad (brillo, 0-100%).

Fuente de texto Caesar de Google Fonts

Prueba de texto de Google Fonts ZCOOL KuaiLe

Nombre de la fuente de Sofía

Opciones de estilo

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.

Bordes a los títulos

Para bordear los títulos h1 con una caja debemos ir al CSS enlazado e incluir la etiqueta "border" especificando el color y el ancho del borde.

Subrayar los títulos h2

Para subrayar los títulos h2 con una líneas debemos ir al CSS enlazado e incluir la etiqueta "text-decoration: underline". A continuación, para cambiar el color y el grosor de la línea de subrayado, debemos incluir las etiquetas, "text-decoration-color" y "text-decoration-thickness".

Centrar los títulos h2 y h3

Para centrar el contenido de todos los títulos h2 y h3 debemos ir al CSS enlazado e incluir la etiqueta "text-align: center" en los apartados h2 y h3.