Vibrant Purple Mandala カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Vibrant Purple Mandala palette

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

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

Download vibrant purple mandala color palette PNG image (landscape)
Download vibrant purple mandala color palette PNG image (square)

Vibrant Purple Mandala カラーパレット CSS

/* CSS */
.color-1 {
color: #f0a800;
}
.color-2 {
color: #e85d11;
}
.color-3 {
color: #d50b66;
}
.color-4 {
color: #8b2c90;
}
.color-5 {
color: #4a0080;
}

/* CSS Variables */
:root {
--color-1: #f0a800;
 --color-2: #e85d11;
 --color-3: #d50b66;
 --color-4: #8b2c90;
 --color-5: #4a0080;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0a800, #e85d11, #d50b66, #8b2c90, #4a0080);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0a800, #e85d11, #d50b66, #8b2c90, #4a0080);
}

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

Vibrant Purple Mandala color palette created on .