Turquoise Lagoon カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Turquoise Lagoon palette

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

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

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

Turquoise Lagoon カラーパレット CSS

/* CSS */
.color-1 {
color: #00b3aa;
}
.color-2 {
color: #009e99;
}
.color-3 {
color: #00807d;
}
.color-4 {
color: #005c57;
}
.color-5 {
color: #003d3a;
}

/* CSS Variables */
:root {
--color-1: #00b3aa;
 --color-2: #009e99;
 --color-3: #00807d;
 --color-4: #005c57;
 --color-5: #003d3a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00b3aa, #009e99, #00807d, #005c57, #003d3a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00b3aa, #009e99, #00807d, #005c57, #003d3a);
}

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

Turquoise Lagoon color palette created on .