alpha(): un color de marca, todas sus transparencias

Elige un color y una opacidad: la tarjeta, la escala y los bordes salen de una sola variable.

Tu navegador aún no soporta alpha(). La demo usa color-mix(… , transparent) como plan B; los valores calculados no mostrarán la versión con alpha().

Color de origen (--brand)

Despliegue en curso

main · hace 2 min

68 %

    

Lo que calcula el navegador (getComputedStyle)

alpha() devuelve el color en el mismo espacio de color que el origen. Las alternativas de siempre lo cambian.