Bloodlust カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bloodlust palette

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

Bloodlust カラー パレット PNG 画像

Download bloodlust color palette PNG image (landscape)
Download bloodlust color palette PNG image (square)

Bloodlust カラーパレット CSS

/* CSS */
.color-1 {
color: #460b0c;
}
.color-2 {
color: #691113;
}
.color-3 {
color: #7d1c1e;
}
.color-4 {
color: #872628;
}
.color-5 {
color: #8d3538;
}

/* CSS Variables */
:root {
--color-1: #460b0c;
 --color-2: #691113;
 --color-3: #7d1c1e;
 --color-4: #872628;
 --color-5: #8d3538;
 }

Bloodlust の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #460b0c, #691113, #7d1c1e, #872628, #8d3538);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #460b0c, #691113, #7d1c1e, #872628, #8d3538);
}

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

Bloodlust color palette created on .