Colores CSS
Los valores de color
CSS permite especificar colores de 24 bits (que es 16.777.216 colores!) Para propiedades como el color del texto, color de fondo y color de borde para darle vida a sus diseños. Puede usar nombres de colores, la notación hexadecimal o RGB (rojo, verde, azul) notación.
Nombres de colores CSS
Para facilitar las cosas, CSS incluye 16 nombres de color estándar en la llanura Inglés, así como más de 100 nombres de colores ampliada. Aquí hay una lista de las estándar:
| Nombre del color | Salida |
|---|---|
| aqua | |
| black | |
| blue | |
| fuchsia | |
| gray | |
| green | |
| lime | |
| maroon | |
| navy | |
| olive | |
| purple | |
| red | |
| silver | |
| teal | |
| white | |
| yellow |
Además, puede definir un valor de color a ninguno "o" transparente para evitar que el elemento de dibujo de cualquier color (otros elementos detrás de él se mostrará a través).
Colores hexadecimales
Aunque los nombres de colores vienen en muy práctico a veces, son muy pocos para adaptarse a cada diseño. Para aprovechar toda la gama de colores de 24 bits puede usar valores hexadecimales.
Colores hexadecimales se componen de un signo # seguido por un número de 6 dígitos hexadecimales como #ff065c . Los 2 primeros dígitos representan el componente de color rojo, el segundo par es el verde y el tercero es el componente de color azul. Su valor puede variar de 00 a FF #000000 ser negro y #ffffff ser blanco.
| Color hexadecimal | Salida |
|---|---|
| #000 | |
| #3b948d | |
| #aed527 | |
| #ff7612 | |
| #fff |
Tal vez has notado que he escrito #000 en lugar de #000000 para mostrar el color negro. Esta es una notación abreviada que indica el dígito de cada par una sola vez en cada par está formado por los mismos dígitos. Por ejemplo #eeeeee puede ser escrito como #eee , #3399cc ya que #39c y así sucesivamente. Utilice este siempre que sea posible para reducir el tamaño de su código CSS.
Los colores RGB
Por último pero no menos importante, también puede especificar valores de color utilizando el modelo RGB (rojo, verde, azul). Se trata básicamente de colores hexadecimal pero en lugar de pares hexagonal está utilizando valores decimales 0 a 255 para cada componente de color como rgb(red,green,blue) .
| De color RGB | Salida |
|---|---|
| rgb(0,0,0) | |
| rgb(59,148,141) | |
| rgb(174,213,39) | |
| rgb(255,118,18) | |
| rgb(255,255,255) |
Ya puedes ver que la notación RGB produce ya que el código hexadecimal, mientras que hace exactamente lo mismo. Por esta razón, RGB se usa raramente en hexadecimal. La mayoría de gráficos de colores en pantalla del software en formato RGB y hexadecimal de todos modos.
Color del texto
El color propiedad se puede utilizar para cambiar el color del texto. Se puede aplicar a cualquier elemento HTML que contiene texto.
Color de CSS
Salida
Color de fondo
El background-color de propiedad se puede utilizar para cambiar el color de fondo de casi cualquier elemento HTML.