Breaking

Post Top Ad

Your Ad Spot

martes, 7 de mayo de 2019

CSS Named Colors

CSS incluye un conjunto de colores con nombre, para que los colores comunes se puedan escribir y leer más fácilmente.
Al usar cualquier propiedad CSS que acepte un valor de color, tiene la opción de proporcionar un color con nombre. Los colores con nombre son un conjunto fácil de recordar de nombres de colores que se pueden utilizar como alternativa a otros métodos como hex , RGB y HSL .
El uso de un color con nombre es solo una cuestión de agregar el nombre del color a la propiedad de color en cuestión.
Aquí hay un ejemplo donde aplicamos nombres de colores a tres propiedades diferentes:
cuerpo {
    color de fondo : naranja ;
    color : oro ;
}
h1 {
    borde inferior : negro sólido  ;
}

Mayúsculas y minúsculas

Los colores con nombre son insensibles a mayúsculas y minúsculas. Por lo tanto, los siguientes son todos nombres de colores válidos, y resultarán en el mismo color RGB:
/ * Color con nombre * /
Verde lima
verde lima
VERDE LIMA
verde lima
Al aire libre
/ * Equivalente en Notación Funcional RGB (decimal) * /
rgb ( 50 , 205 , 50 )
Al aire libre
/ * Equivalente en notación hexadecimal RGB (también distingue entre mayúsculas y minúsculas) * /
# 32CD32
# 32cd32

Ejemplo de página web

Aquí hay un ejemplo del uso de colores con nombre en un documento HTML básico.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
cuerpo {
    color : lightpink ;
    fondo : hotpink ;
    }
h1 {
    borde inferior : ciruela sólida  ;
}
p {
    color : rebeccapurple ;
}
</ estilo >
< h1 > Ejemplo de color con nombre </ h1 >
< p > Deja que el gato salga de la bolsa ... </ p >

Coincidencia de colores con nombre con RGB

Hay 147 colores con nombre en el Nivel 4 del Módulo de colores CSS, que se encuentra en estado de borrador en el momento de la escritura. La lista se basa en los colores X11, que también se definieron en SGL 1.0.
Todos los nombres de colores tienen un valor RGB / hex correspondiente, pero no todos los valores RGB / hex tienen un nombre de color correspondiente. Después de todo, RGB / hex proporciona más de 16 millones de colores posibles, ¡un poco más de 147!
Eso sí, CSS no siempre ha tenido tantos colores con nombre. CSS comenzó con los 16 nombres de colores básicos de HTML y luego se agregó naranja. Así que aquí están los 17 nombres de colores básicos para convertirlos en CSS 2.1:
Aquí hay una lista completa de los nombres de colores CSS definidos en el Nivel 4 del Módulo de colores CSS.

Otras palabras clave de color

Además de los colores mencionados anteriormente, puede usar la transparentpalabra clave para establecer un color transparente y la currentColorpalabra clave para usar el valor actual de la colorpropiedad.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas