Loading...

Purple Moth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Purple Moth palette

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

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

Download purple moth color palette PNG image (landscape)
Download purple moth color palette PNG image (square)

Purple Moth カラーパレット CSS

/* CSS */
.color-1 {
color: #f6e2b1;
}
.color-2 {
color: #c3afd4;
}
.color-3 {
color: #bda0c5;
}
.color-4 {
color: #9d7b9b;
}
.color-5 {
color: #604c70;
}

/* CSS Variables */
:root {
--color-1: #f6e2b1;
 --color-2: #c3afd4;
 --color-3: #bda0c5;
 --color-4: #9d7b9b;
 --color-5: #604c70;
 }

Purple Moth の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6e2b1, #c3afd4, #bda0c5, #9d7b9b, #604c70);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6e2b1, #c3afd4, #bda0c5, #9d7b9b, #604c70);
}

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

Purple Moth color palette created on .