MEJOR SITIO PARA DESARROLLADORES WEB

CSS Tutorial

CSS HOGAR Introducción a CSS Sintaxis CSS Selectores CSS Cómo utilizar CSS Comentarios CSS Colores CSS CSS Antecedentes CSS Bordes CSS Márgenes Relleno CSS Alto/Ancho CSS Modelo de caja CSS Esquema CSS CSS Texto CSS Fuentes Iconos CSS Enlaces CSS Listas CSS Tablas CSS CSS Display CSS Max-width CSS Position CSS z-index CSS Overflow CSS Float bloque CSS en línea Alineación CSS Combinadores CSS Pseudoclase CSS Pseudoelemento CSS Opacidad CSS Barra de navegación CSS Despliegues CSS Galería de imágenes CSS Sprites de imagen CSS Selectores de atributos CSS Formularios CSS Contadores CSS Diseño de sitio web CSS Unidades CSS Especificidad de CSS CSS !important Funciones matemáticas CSS

CSS avanzado

CSS Esquinas redondeadas Imágenes de borde CSS Fondos CSS Colores CSS Palabras clave de color CSS Degradados CSS CSS Oscuridad Efectos de texto CSS Fuentes web CSS Transformaciones CSS 2D Transformaciones CSS 3D Transiciones CSS Animaciones CSS Información sobre herramientas CSS Imágenes de estilo CSS Reflejo de imagen CSS objeto CSS-fit posición-objeto CSS Enmascaramiento CSS Botones CSS Paginación CSS CSS múltiples columnas Interfaz de usuario CSS Variables CSS CSS Box Sizing Consultas de medios CSS Ejemplos de CSS MQ CSS Flexbox

CSS Responsivo

Introducción a RWD Vista RWD Vista de cuadrícula RWD Consultas de medios RWD Imágenes RWD Vídeos RWD Marcos RWD Plantillas RWD

CSS Grid

Grid Introducción Grid Container Grid Item

CSS SASS

SASS Tutorial

CSS Ejemplos

Plantillas CSS Ejemplos de CSS Fragmentos CSS Prueba CSS Ejercicios CSS Certificado CSS

CSS Referencias

Referencia CSS Selectores CSS Funciones CSS Referencia CSS auditiva Fuentes CSS web seguras CSS animable Unidades CSS Convertidor CSS PX-EM Colores CSS Valores de color CSS Valores predeterminados de CSS Compatibilidad con navegador CSS

CSS Lecciones para principiantes

Ua En De Fr

CSS RGB Colores


Un valor de color RGB representa fuentes de luz RED (ROJA), GREEN (VERDE) y BLUE (AZUL).


RGB Valor

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

rgb(red, green, blue).

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

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

Para mostrar el color negro, configure todos los parámetros de color en 0, de la siguiente manera: rgb(0, 0, 0).

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

Experimente mezclando los valores RGB a continuación:

 

RED

255

GREEN

0

BLUE

0

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)

Try it Yourself »

Los tonos de gris a menudo se definen utilizando valores iguales para las tres fuentes de luz:

Ejemplo

rgb(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)

Try it Yourself »

RGBA Valor

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(red, green, blue, alpha)

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:

 

RED

255

GREEN

0

BLUE

0

ALPHA

0

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)

Try it Yourself »

CSS — Colores RGB y RGBA — Vídeo de W3Schools

Este vídeo es una introducción a los colores RGB y RGBA en CSS.

¡Parte de una serie de videotutoriales para aprender CSS para principiantes!