Pastel Verde Azul カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pastel Verde Azul palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Pastel Verde Azul カラーパレット (PNG) をダウンロード

Download pastel verde azul color palette PNG image (landscape)
Download pastel verde azul color palette PNG image (square)

Pastel Verde Azul カラーパレット CSS

/* CSS */
.color-1 {
color: #a3d1e0;
}
.color-2 {
color: #87c1c4;
}
.color-3 {
color: #65b2b3;
}
.color-4 {
color: #50b4aa;
}
.color-5 {
color: #3dadb3;
}

/* CSS Variables */
:root {
--color-1: #a3d1e0;
 --color-2: #87c1c4;
 --color-3: #65b2b3;
 --color-4: #50b4aa;
 --color-5: #3dadb3;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3d1e0, #87c1c4, #65b2b3, #50b4aa, #3dadb3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3d1e0, #87c1c4, #65b2b3, #50b4aa, #3dadb3);
}

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

Pastel Verde Azul color palette created on .