Colores HTML | RGB, Hex, HSL explicó
Esta redacción demostrará cómo agregar colores a un elemento/documento HTML. Proporcionará una descripción general de las convenciones de color básicas como "nombres de color", "valores RGB", "valores hexadecimales", etc. Entonces, comencemos!
Nombres de color HTML
La primera forma de implementar colores HTML es simplemente usar el nombre de color I.mi. Palabras en inglés para el color como verde, amarillo, rojo, etc. HTML admite más de cien nombres de color estándar.
Ejemplo
Supongamos que tenemos un párrafo en nuestro HTML:
Un párrafo
Para darle un color, digamos verde, podemos hacer esto:
Un párrafo
HTML Color hexadecimal
HTML admite otra forma de agregar colores i.mi. los valores hexadecimales. Los valores hexadecimales se pueden escribir utilizando dieciséis dígitos 0-9 y A-F. Está determinado por un "#"Símbolo seguido de tres o seis dígitos. Por ejemplo: #Rrggbb. Aquí las primeras dos ranuras representan Red, las dos tragamonedas adyacentes muestran verde y las dos últimas muestran valor azul.
Ejemplo
Supongamos que tenemos un párrafo en nuestro HTML:
Un párrafo
Esta vez intentaremos establecer el color de fondo de
Etiqueta a Gray usando valores hexadecimales y podemos hacerlo usando el siguiente código HTML de línea:
Un párrafo
En el código anterior, "#E3E3E3" es el código hexadecimal del color gris.
Los valores hexadecimales se pueden escribir usando solo tres dígitos en lugar de seis dígitos. Por ejemplo, el valor hexadecimal #F00 producirá el mismo color que #FF0000.
HTML RGB Colors
Otro método de uso más frecuente para los colores son los valores RGB. Toma tres valores yo.mi. rojo, verde y azul. En lugar de usar los números hexadecimales extraños, la propiedad RGB utiliza números de 0 a 255. Estos números determinan la intensidad de cada parámetro de color, por ejemplo, para utilizar el color negro establecido todos los parámetros en 0 I.mi. RGB (0, 0, 0). El RGB (0, 0, 255) mostrará el color azul y así sucesivamente.
Ejemplo
Consideremos el mismo párrafo:
Un párrafo
Ahora, intentaremos establecer su color de fondo en naranja usando valores RGB y podemos hacerlo utilizando el siguiente código HTML de línea:
Un párrafo
En el código anterior, "RGB (255, 165, 0)" son los valores RGB para el color naranja.
HTML RGBA Colors
Los valores de RGBA son una extensión de los valores de color RGB donde "A"Representa el canal alfa que especifica la opacidad para un color. Un parámetro alfa es un número entre 0 (transparente) y 1 (opaco).
Ejemplo
Este ejemplo muestra cómo el parámetro alfa "A"Se especificará:
Un párrafo
El código anterior implementado el parámetro alfa en
elemento. Ahora el resultado estará de acuerdo con la cantidad de transparencia como se muestra en la siguiente salida:
HTML HLL COLORES
HTML proporciona otra convención de color I.E HSL determina un color con su tono, saturación y luz. Opcionalmente también puede tener un parámetro alfa.
- El término tono determina un ángel dentro de la rueda de color e.gramo. 0 o 360 grados representa el color rojo, de manera similar, los colores restantes se separan alrededor del círculo. Por ejemplo, Green es igual a 120 grados, Cyan es igual a 180 grados, y así sucesivamente.
- Mientras que el segundo valor en HSL es la saturación que determina la intensidad del color y está representado por un signo de %.
- El tercer valor es la ligereza que determina los niveles de ligereza representados por el signo %.
Por ejemplo, cien por ciento significa luz completa I.mi. blanco, mientras que cero por ciento significa que no hay luz.mi. negro, y así sucesivamente.
Ejemplo
El script otorgado a continuación implementará la convención de color HSL en diferentes elementos HTML:
Un párrafo
Obtendremos la siguiente salida para el código anterior:
Conclusión
HTML proporciona múltiples convenciones de color para establecer el color del texto, el color de fondo, etc. Hay cuatro formas de colorear un elemento HTML: nombre de color, valores RGB, valores hexadecimales y valores HSL. Para establecer el color usando "nombre de color", especifique el nombre del color I.mi. rojo verde. Para RGB, combine los valores de color rojo, verde y azul entre 0 a 255. Para el color hexadecimal, escriba un código de color de tres o seis dígitos. Para HSL, establezca los valores de tono, saturación y luz.