Wrath カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Wrath palette

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

Wrath カラー パレット PNG 画像

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

Wrath カラーパレット CSS

/* CSS */
.color-1 {
color: #d33131;
}
.color-2 {
color: #f57a00;
}
.color-3 {
color: #f9a824;
}
.color-4 {
color: #fbc02d;
}
.color-5 {
color: #c2cc33;
}

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

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

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

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

Wrath color palette created on .