Angsty カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Angsty palette

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

Angsty カラー パレット PNG 画像

Download angsty color palette PNG image (landscape)
Download angsty color palette PNG image (square)

Angsty カラーパレット CSS

/* CSS */
.color-1 {
color: #463435;
}
.color-2 {
color: #675374;
}
.color-3 {
color: #a18294;
}
.color-4 {
color: #d9c4d8;
}
.color-5 {
color: #f3e2f2;
}

/* CSS Variables */
:root {
--color-1: #463435;
 --color-2: #675374;
 --color-3: #a18294;
 --color-4: #d9c4d8;
 --color-5: #f3e2f2;
 }

Angsty の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #463435, #675374, #a18294, #d9c4d8, #f3e2f2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #463435, #675374, #a18294, #d9c4d8, #f3e2f2);
}

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

Angsty color palette created on .