Loading...

Hawaii Ocean Bliss Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Hawaii Ocean Bliss palette

Condividi questa palette a:

Scarica la tavolozza dei colori Hawaii Ocean Bliss (PNG)

Download hawaii ocean bliss color palette PNG image (landscape)
Download hawaii ocean bliss color palette PNG image (square)

tavolozza dei colori Hawaii Ocean Bliss CSS

/* CSS */
.color-1 {
color: #00bdd6;
}
.color-2 {
color: #4eb6c6;
}
.color-3 {
color: #80deea;
}
.color-4 {
color: #b1eaf2;
}
.color-5 {
color: #ffffff;
}

/* CSS Variables */
:root {
--color-1: #00bdd6;
 --color-2: #4eb6c6;
 --color-3: #80deea;
 --color-4: #b1eaf2;
 --color-5: #ffffff;
 }

CSS con gradiente di sfondo Hawaii Ocean Bliss

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00bdd6, #4eb6c6, #80deea, #b1eaf2, #ffffff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00bdd6, #4eb6c6, #80deea, #b1eaf2, #ffffff);
}

Tavolozze di colori simili

Scorri verso il basso per esplorare 1 tavolozza di colori Hawaii

Hawaii Ocean Bliss color palette created on .