Galactic Bunny Bloom カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Galactic Bunny Bloom palette

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

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

Download galactic bunny bloom color palette PNG image (landscape)
Download galactic bunny bloom color palette PNG image (square)

Galactic Bunny Bloom カラーパレット CSS

/* CSS */
.color-1 {
color: #a4d9a1;
}
.color-2 {
color: #a5c6d5;
}
.color-3 {
color: #a4a1d4;
}
.color-4 {
color: #d499eb;
}
.color-5 {
color: #f1b6c1;
}

/* CSS Variables */
:root {
--color-1: #a4d9a1;
 --color-2: #a5c6d5;
 --color-3: #a4a1d4;
 --color-4: #d499eb;
 --color-5: #f1b6c1;
 }

Galactic Bunny Bloom の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a4d9a1, #a5c6d5, #a4a1d4, #d499eb, #f1b6c1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a4d9a1, #a5c6d5, #a4a1d4, #d499eb, #f1b6c1);
}

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

Galactic Bunny Bloom color palette created on .