Battle Axe カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Battle Axe palette

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

Battle Axe カラー パレット PNG 画像

Download battle axe color palette PNG image (landscape)
Download battle axe color palette PNG image (square)

Battle Axe カラーパレット CSS

/* CSS */
.color-1 {
color: #6d3b3b;
}
.color-2 {
color: #a15e5e;
}
.color-3 {
color: #d59b6c;
}
.color-4 {
color: #f0c74c;
}
.color-5 {
color: #f4a462;
}

/* CSS Variables */
:root {
--color-1: #6d3b3b;
 --color-2: #a15e5e;
 --color-3: #d59b6c;
 --color-4: #f0c74c;
 --color-5: #f4a462;
 }

Battle Axe の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6d3b3b, #a15e5e, #d59b6c, #f0c74c, #f4a462);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6d3b3b, #a15e5e, #d59b6c, #f0c74c, #f4a462);
}

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

Battle Axe color palette created on .