Wasteland Sethos カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Wasteland Sethos palette

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

Wasteland Sethos カラー パレット PNG 画像

Download wasteland sethos color palette PNG image (landscape)
Download wasteland sethos color palette PNG image (square)

Wasteland Sethos カラーパレット CSS

/* CSS */
.color-1 {
color: #bfa94f;
}
.color-2 {
color: #d8c75a;
}
.color-3 {
color: #e8d778;
}
.color-4 {
color: #f1e9a7;
}
.color-5 {
color: #f6f1d5;
}

/* CSS Variables */
:root {
--color-1: #bfa94f;
 --color-2: #d8c75a;
 --color-3: #e8d778;
 --color-4: #f1e9a7;
 --color-5: #f6f1d5;
 }

Wasteland Sethos の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #bfa94f, #d8c75a, #e8d778, #f1e9a7, #f6f1d5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #bfa94f, #d8c75a, #e8d778, #f1e9a7, #f6f1d5);
}

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

Wasteland Sethos color palette created on .