Blue Pastel Goth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blue Pastel Goth palette

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

Blue Pastel Goth カラー パレット PNG 画像

Download blue pastel goth color palette PNG image (landscape)
Download blue pastel goth color palette PNG image (square)

Blue Pastel Goth カラーパレット CSS

/* CSS */
.color-1 {
color: #a1c1e8;
}
.color-2 {
color: #7d9fd9;
}
.color-3 {
color: #4a81c4;
}
.color-4 {
color: #396ca2;
}
.color-5 {
color: #2d4d86;
}

/* CSS Variables */
:root {
--color-1: #a1c1e8;
 --color-2: #7d9fd9;
 --color-3: #4a81c4;
 --color-4: #396ca2;
 --color-5: #2d4d86;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a1c1e8, #7d9fd9, #4a81c4, #396ca2, #2d4d86);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a1c1e8, #7d9fd9, #4a81c4, #396ca2, #2d4d86);
}

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

Blue Pastel Goth color palette created on .