Petals of Paris Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Petals of Paris palette

Condividi questa palette a:

Scarica la tavolozza dei colori Petals of Paris (PNG)

Download petals of paris color palette PNG image (landscape)
Download petals of paris color palette PNG image (square)

tavolozza dei colori Petals of Paris CSS

/* CSS */
.color-1 {
color: #f74b8a;
}
.color-2 {
color: #f6a7b8;
}
.color-3 {
color: #f6c1d8;
}
.color-4 {
color: #f6dfe6;
}
.color-5 {
color: #f1f5f8;
}

/* CSS Variables */
:root {
--color-1: #f74b8a;
--color-2: #f6a7b8;
--color-3: #f6c1d8;
--color-4: #f6dfe6;
--color-5: #f1f5f8;
}

CSS con gradiente di sfondo Petals of Paris

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f74b8a, #f6a7b8, #f6c1d8, #f6dfe6, #f1f5f8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f74b8a, #f6a7b8, #f6c1d8, #f6dfe6, #f1f5f8);
}

Petals of Paris color palette created on .