Aesthetic Prism Purple カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Aesthetic Prism Purple palette

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

Aesthetic Prism Purple カラー パレット PNG 画像

Download aesthetic prism purple color palette PNG image (landscape)
Download aesthetic prism purple color palette PNG image (square)

Aesthetic Prism Purple カラーパレット CSS

/* CSS */
.color-1 {
color: #794c9a;
}
.color-2 {
color: #9b6db0;
}
.color-3 {
color: #b991d4;
}
.color-4 {
color: #e5a1f2;
}
.color-5 {
color: #f3c2ff;
}

/* CSS Variables */
:root {
--color-1: #794c9a;
 --color-2: #9b6db0;
 --color-3: #b991d4;
 --color-4: #e5a1f2;
 --color-5: #f3c2ff;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #794c9a, #9b6db0, #b991d4, #e5a1f2, #f3c2ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #794c9a, #9b6db0, #b991d4, #e5a1f2, #f3c2ff);
}

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

Aesthetic Prism Purple color palette created on .