Background color

Background color es una propiedad que define el color de fondo de un elemento, puede ser el valor de un color o "transparente".

Opciones de Background Color

Muestra 5 opciones de Background color para asignar un estilo al elemento seleccionado

  1. Paleta de colores personalizado

  2. Contenedor transparente

  3. Color primario

  4. Color secundario

  5. Escala de negros

Paleta de colores personaliza

Abres un abanico de colores en cual puedes seleccionar el de tu preferencia para hacer contrastes con los colores primarios y secundarios.

Puedes seleccionar el color directamente desde la pantalla de escala de colores ajustando la barra de colores principales

y seleccionando la escala en intensidad de color en la escala de luminosidad

Además tienes la opción de poder ingresar el código de color si ya tienes un estándar de colores, los formatos que puedes elegir son: RGB, HSL y HEX

Contenedor Transparente

Al seleccionar esta opción haces que el cuerpo del elemento seleccionado no tenga un color solido de cuerpo, esto hará que el color del elemento que se encuentra directamente detrás de éste resalte ante el elemento en cuestión.

Color primario, Color secundario y Escala de negros

Muestra una escala de colores que va siendo más intenso conforme su escala va aumentando

Así mismo se muestra un Slider que nos sirve para establecer que tan opaco se va a ver el color que va desde el valor 0 (transparente) hasta el valor 1 (color solido).

Este elemento Opacity solamente se puede utilizar con los colores: primario, secundario y escala de negros