Cyber Teal Dream Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Cyber Teal Dream palette

Condividi questa palette a:

Scarica la tavolozza dei colori Cyber Teal Dream (PNG)

Download cyber teal dream color palette PNG image (landscape)
Download cyber teal dream color palette PNG image (square)

tavolozza dei colori Cyber Teal Dream CSS

/* CSS */
.color-1 {
color: #00b5d1;
}
.color-2 {
color: #1f8fff;
}
.color-3 {
color: #9b58b6;
}
.color-4 {
color: #f39c12;
}
.color-5 {
color: #ffffff;
}

/* CSS Variables */
:root {
--color-1: #00b5d1;
--color-2: #1f8fff;
--color-3: #9b58b6;
--color-4: #f39c12;
--color-5: #ffffff;
}

CSS con gradiente di sfondo Cyber Teal Dream

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00b5d1, #1f8fff, #9b58b6, #f39c12, #ffffff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00b5d1, #1f8fff, #9b58b6, #f39c12, #ffffff);
}

Cyber Teal Dream color palette created on .