Los colores se muestren combinando ROJO, VERDE, AZUL y la luz.
Los colores en CSS son más a menudo especificados por:
- un nombre válido de color - como "red"
- un valor RGB - como "rgb(255, 0, 0)"
- un valor HEX - como "#ff0000"
Los nombres de color
Colores establecidos mediante el uso de nombres de colores:
Nota: Los nombres de los colores son sensibles a mayúsculas: "Red" es el mismo que el "red" o "RED" .
HTML y CSS es compatible con 140 nombres de colores estándar .
RGB (rojo, verde, azul)
valores de color RGB se pueden especificar mediante esta fórmula: RGB (rojo, verde, azul).
Cada parámetro (rojo, verde, azul) define la intensidad del color entre 0 y 255.
Por ejemplo, rgb(255,0,0)
se muestra como rojo, porque el rojo se establece en su valor más alto (255) y los otros se establece en 0. Experimento mezclando los valores RGB a continuación:
rojo | Verde | Azul |
---|---|---|
255 | 0 | 0 |
Ejemplo
Color | RGB |
---|---|
rgb(255,0,0) | |
rgb(0,255,0) | |
rgb(0,0,255) | |
rgb(255,165,0) | |
rgb(255,255,0) | |
rgb(0,255,255) |
Tonos de gris a menudo se definen mediante valores iguales para todas las 3 fuentes de luz:
Colores hexadecimales
Valores RGB también pueden ser especificados usando los valores de color hexadecimales en la forma: # RRGGBB, donde RR (rojo), GG (verde) y BB (azul) son valores hexadecimales entre 00 y FF (igual que en decimal 0-255).
Por ejemplo, #FF0000
se muestra como rojo, porque el rojo se establece en su valor más alto (FF) y los otros se establece en el valor más bajo (00). Nota: los valores HEX distinguen entre mayúsculas y minúsculas: "#ff0000" es el mismo como "FF0000" .
Tonos de gris a menudo se definen mediante valores iguales para todas las 3 fuentes de luz: