Pastel Turquesa カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pastel Turquesa palette

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

Pastel Turquesa カラー パレット PNG 画像

Download pastel turquesa color palette PNG image (landscape)
Download pastel turquesa color palette PNG image (square)

Pastel Turquesa カラーパレット CSS

/* CSS */
.color-1 {
color: #4cd7e1;
}
.color-2 {
color: #8de0e8;
}
.color-3 {
color: #b2e4eb;
}
.color-4 {
color: #e0f5f5;
}
.color-5 {
color: #f5fafa;
}

/* CSS Variables */
:root {
--color-1: #4cd7e1;
 --color-2: #8de0e8;
 --color-3: #b2e4eb;
 --color-4: #e0f5f5;
 --color-5: #f5fafa;
 }

Pastel Turquesa の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4cd7e1, #8de0e8, #b2e4eb, #e0f5f5, #f5fafa);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4cd7e1, #8de0e8, #b2e4eb, #e0f5f5, #f5fafa);
}

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

Pastel Turquesa color palette created on .