Color Generator

Color Generator

Name

Color

--base-color:

undefined, undefined;

--palette-color-10-hsl:

var(--base-color), 10%;

--palette-color-10:

hsla(var(--palette-color-10-hsl), 100%);

--palette-color-20-hsl:

var(--base-color), 20%;

--palette-color-20:

hsla(var(--palette-color-20-hsl), 100%);

--palette-color-30-hsl:

var(--base-color), 30%;

--palette-color-30:

hsla(var(--palette-color-30-hsl), 100%);

--palette-color-40-hsl:

var(--base-color), 40%;

--palette-color-40:

hsla(var(--palette-color-40-hsl), 100%);

--palette-color-50-hsl:

var(--base-color), 50%;

--palette-color-50:

hsla(var(--palette-color-50-hsl), 100%);

--palette-color-60-hsl:

var(--base-color), 60%;

--palette-color-60:

hsla(var(--palette-color-60-hsl), 100%);

--palette-color-70-hsl:

var(--base-color), 70%;

--palette-color-70:

hsla(var(--palette-color-70-hsl), 100%);

--palette-color-80-hsl:

var(--base-color), 80%;

--palette-color-80:

hsla(var(--palette-color-80-hsl), 100%);

--palette-color-90-hsl:

var(--base-color), 90%;

--palette-color-90:

hsla(var(--palette-color-90-hsl), 100%);

--palette-color-100-hsl:

var(--base-color), 100%;

--palette-color-100:

hsla(var(--palette-color-100-hsl), 100%);