Purple Night Library Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Purple Night Library palette

Condividi questa palette a:

Scarica la tavolozza dei colori Purple Night Library (PNG)

Download purple night library color palette PNG image (landscape)
Download purple night library color palette PNG image (square)

tavolozza dei colori Purple Night Library CSS

/* CSS */
.color-1 {
color: #5c3f8d;
}
.color-2 {
color: #6f5f9b;
}
.color-3 {
color: #9f7cb1;
}
.color-4 {
color: #bda3d1;
}
.color-5 {
color: #f0e0ff;
}

/* CSS Variables */
:root {
--color-1: #5c3f8d;
--color-2: #6f5f9b;
--color-3: #9f7cb1;
--color-4: #bda3d1;
--color-5: #f0e0ff;
}

CSS con gradiente di sfondo Purple Night Library

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5c3f8d, #6f5f9b, #9f7cb1, #bda3d1, #f0e0ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5c3f8d, #6f5f9b, #9f7cb1, #bda3d1, #f0e0ff);
}

Tavolozze di colori simili

Purple Night Library color palette created on .