Sky Blue Pink Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Sky Blue Pink palette

Condividi questa palette a:

Scarica la tavolozza dei colori Sky Blue Pink (PNG)

Download sky blue pink color palette PNG image (landscape)
Download sky blue pink color palette PNG image (square)

tavolozza dei colori Sky Blue Pink CSS

/* CSS */
.color-1 {
color: #00bfff;
}
.color-2 {
color: #ff6bb5;
}
.color-3 {
color: #ffd900;
}
.color-4 {
color: #ffb8c1;
}
.color-5 {
color: #85cdfa;
}

/* CSS Variables */
:root {
--color-1: #00bfff;
 --color-2: #ff6bb5;
 --color-3: #ffd900;
 --color-4: #ffb8c1;
 --color-5: #85cdfa;
 }

CSS con gradiente di sfondo Sky Blue Pink

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00bfff, #ff6bb5, #ffd900, #ffb8c1, #85cdfa);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00bfff, #ff6bb5, #ffd900, #ffb8c1, #85cdfa);
}

Tavolozze di colori simili

Sky Blue Pink color palette created on .