Bunny Purple Black カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bunny Purple Black palette

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

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

Download bunny purple black color palette PNG image (landscape)
Download bunny purple black color palette PNG image (square)

Bunny Purple Black カラーパレット CSS

/* CSS */
.color-1 {
color: #d7b9e4;
}
.color-2 {
color: #a77dcf;
}
.color-3 {
color: #6e5e9c;
}
.color-4 {
color: #3d3b4e;
}
.color-5 {
color: #1a1a1a;
}

/* CSS Variables */
:root {
--color-1: #d7b9e4;
 --color-2: #a77dcf;
 --color-3: #6e5e9c;
 --color-4: #3d3b4e;
 --color-5: #1a1a1a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d7b9e4, #a77dcf, #6e5e9c, #3d3b4e, #1a1a1a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d7b9e4, #a77dcf, #6e5e9c, #3d3b4e, #1a1a1a);
}

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

Bunny Purple Black color palette created on .