Aconite Bloom カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Aconite Bloom palette

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

Aconite Bloom カラー パレット PNG 画像

Download aconite bloom color palette PNG image (landscape)
Download aconite bloom color palette PNG image (square)

Aconite Bloom カラーパレット CSS

/* CSS */
.color-1 {
color: #7a1d86;
}
.color-2 {
color: #a24e86;
}
.color-3 {
color: #d283b0;
}
.color-4 {
color: #f1a1f7;
}
.color-5 {
color: #d63d8c;
}

/* CSS Variables */
:root {
--color-1: #7a1d86;
 --color-2: #a24e86;
 --color-3: #d283b0;
 --color-4: #f1a1f7;
 --color-5: #d63d8c;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7a1d86, #a24e86, #d283b0, #f1a1f7, #d63d8c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7a1d86, #a24e86, #d283b0, #f1a1f7, #d63d8c);
}

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

Aconite Bloom color palette created on .