Loading...

Turquoise Breeze カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Turquoise Breeze palette

このパレットを共有する先：

Turquoise Breeze カラーパレット (PNG) をダウンロード

Download turquoise breeze color palette PNG image (landscape)
Download turquoise breeze color palette PNG image (square)

Turquoise Breeze カラーパレット CSS

/* CSS */
.color-1 {
color: #00ffee;
}
.color-2 {
color: #8affda;
}
.color-3 {
color: #b3ffb9;
}
.color-4 {
color: #fff6a8;
}
.color-5 {
color: #ff6e61;
}

/* CSS Variables */
:root {
--color-1: #00ffee;
 --color-2: #8affda;
 --color-3: #b3ffb9;
 --color-4: #fff6a8;
 --color-5: #ff6e61;
 }

Turquoise Breeze の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00ffee, #8affda, #b3ffb9, #fff6a8, #ff6e61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00ffee, #8affda, #b3ffb9, #fff6a8, #ff6e61);
}

似たようなカラーパレット

Turquoise Breeze color palette created on .