War カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with War palette

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

War カラー パレット PNG 画像

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

War カラーパレット CSS

/* CSS */
.color-1 {
color: #d33131;
}
.color-2 {
color: #f47b1f;
}
.color-3 {
color: #f9a824;
}
.color-4 {
color: #fbc02d;
}
.color-5 {
color: #8bc34b;
}

/* CSS Variables */
:root {
--color-1: #d33131;
 --color-2: #f47b1f;
 --color-3: #f9a824;
 --color-4: #fbc02d;
 --color-5: #8bc34b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d33131, #f47b1f, #f9a824, #fbc02d, #8bc34b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d33131, #f47b1f, #f9a824, #fbc02d, #8bc34b);
}

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

War color palette created on .