No podemos avanzar con HTML sin saberlo todo sobre los colores. 🌈 ¡Hay más de 16 millones de colores que puedes usar para hacer que tu sitio web sea llamativo y atractivo! Relájate, no necesitas saberlos todos de memoria.
El atributo stylenos ayuda a decorar elementos HTML. ¿Cómo puede este atributo modificar el color del texto? Para ese propósito, tenemos una propiedad de color CSS. En el ejemplo, el atributo le dice al navegador que el elemento debe ser azul. aquí es una propiedad CSS, mientras que es su valor. Debe ceñirse a la sintaxis estándar para mostrar los cambios correctamente: style="color:blue;"colorblue
stylecolor") para envolver la propiedad.
Digamos que necesita poner un fondo de color debajo de su texto. Aquí viene otra propiedad de CSS: el background-color. La sintaxis es la misma que la de la propiedad de color de texto: style="background-color:powderblue;". En lugar de powderbluevalor, puede insertar cualquier nombre de color o su valor RGB, HSL, HEX, RGBA o HSLA.
No olvide cumplir con los requisitos de accesibilidad y mantener la relación de contraste de 4,5:1 para texto de tamaño normal y su fondo y 3:1 para texto más grande, como encabezados.
Al igual que las propiedades CSS para el color del texto y el color de fondo, la borderpropiedad también cae bajo el paraguas del atributo style. Puede establecer el estilo, el ancho y el color del borde (el orden es importante) y esa configuración se aplicará a todos los lados del borde. Por ejemplo, la sintaxis se puede escribir de la siguiente manera: . ****style="border:solid 4px blue;"
HTML admite 140 nombres de colores estándar que puede usar para ajustar los colores de los elementos en su código. Esos colores son una apuesta segura ya que todos los navegadores los admiten y los muestran correctamente. Para una búsqueda más cómoda, puede dirigirse al HTML Color Picker desarrollado por W3C Schools. Proporciona un sistema de color HTML claro organizado por categorías y permite a los usuarios buscar el color haciendo clic y arrastrando el cursor dentro del área de selección. Los usuarios también pueden encontrar el color correcto especificando los códigos HEX, RGB o HSL.
Al igual que las personas, los colores tienen nombres y "números de identificación". El sistema de color RGB construye colores combinando tres tonos de luz (rojo, verde y azul) y define sus valores digitales. En pocas palabras, cada matiz ajusta la intensidad del color con un valor que oscila entre 0 y 255. Por ejemplo, el color con RGB (255, 0, 0) aparecerá puramente rojo porque configuramos el rojo en su valor más alto (255) y los otros dos (verde y azul) — a 0. Por ejemplo, para especificar el color de fondo de un título usando el modelo RGB, debe seguir la sintaxis:<h1 style="background-color:rgb(32, 178, 170);">**...**</h1>.