Tutorial HTML

INICIO HTML Introducción HTML Editores HTML HTML básico Elementos HTML Atributos HTML Encabezados HTML Párrafos HTML Estilos HTML Formato HTML Cotizaciones HTML Comentarios HTML Colores HTML CSS HTML Enlaces HTML Imágenes HTML icono de favoritos HTML Tablas HTML Listas HTML Bloque HTML y en línea Clases HTML Identificación HTML Marcos flotantes HTML HTML JavaScript Rutas de archivo HTML Encabezado HTML Diseño HTML Responsivo HTML Código informático HTML Semántica HTML Guía de estilo HTML Entidades HTML Símbolos HTML Emoticonos HTML Juego de caracteres HTML Codificación de URL HTML HTML frente a XHTML

Formularios HTML

Formularios HTML Atributos de formulario HTML Elementos de formulario HTML Tipos de entrada HTML Atributos de entrada HTML Atributos de formulario de entrada HTML

Gráficos HTML

Lienzo HTML HTML SVG

Medios HTML

Medios HTML Vídeo HTML Audio HTML Complementos HTML HTML de YouTube

API de HTML

Geolocalización HTML Arrastrar/soltar HTML Almacenamiento web HTML Trabajadores web HTML SSE HTML

Ejemplos HTML

Ejemplos HTML Cuestionario HTML Ejercicios HTML Certificado HTML Resumen HTML Accesibilidad HTML

Referencias HTML

Lista de etiquetas HTML Atributos HTML Atributos globales HTML Compatibilidad con navegador HTML Eventos HTML Colores HTML Lienzo HTML Audio/vídeo HTML Tipos de documentos HTML Conjuntos de caracteres HTML Codificación de URL HTML Códigos de idioma HTML Mensajes HTTP Métodos HTTP Convertidor PX a EM Atajos de teclado

Colores HTML RGB y RGBA


Un valor de color RGB representa las fuentes de luz ROJA, VERDE y AZUL.

Un valor de color RGBA es una extensión de RGB con un canal alfa (opacidad).


Valores de color RGB

En HTML, un color se puede especificar como un valor RGB, utilizando esta fórmula:

rgb ( rojo, verde , azul )

Cada parámetro (rojo, verde y azul) define la intensidad del color con un valor entre 0 y 255.

¡Esto significa que hay 256 x 256 x 256 = 16777216 colores posibles!

Por ejemplo, rgb(255, 0, 0) se muestra como rojo, porque el rojo está configurado en su valor más alto (255) y los otros dos (verde y azul) están configurados en 0.

Otro ejemplo, rgb(0, 255, 0) se muestra como verde, porque el verde se establece en su valor más alto (255) y los otros dos (rojo y azul) se establecen en 0.

Para mostrar negro, configure todos los parámetros de color en 0, así: rgb (0, 0, 0).

Para mostrar el blanco, configure todos los parámetros de color en 255, así: rgb (255, 255, 255).

Experimente mezclando los valores RGB a continuación:

RGB (255, 99, 71)

ROJO

255

VERDE

99

AZUL

71

Ejemplo

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)


Sombras de gris

Los tonos de gris a menudo se definen utilizando valores iguales para los tres parámetros:

Ejemplo

rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)


Valores de color RGBA

Los valores de color RGBA son una extensión de los valores de color RGB con un canal alfa, que especifica la opacidad de un color.

Un valor de color RGBA se especifica con:

rgba ( rojo, verde , azul, alfa )

El parámetro alfa es un número entre 0.0 (totalmente transparente) y 1.0 (nada transparente):

Experimente mezclando los valores RGBA a continuación:

RGBA (255, 99, 71, 0,5)

ROJO

255

VERDE

99

AZUL

71

ALFA

0.5

Ejemplo

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)