Weevil Wonderland カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Weevil Wonderland palette

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

Weevil Wonderland カラー パレット PNG 画像

Download weevil wonderland color palette PNG image (landscape)
Download weevil wonderland color palette PNG image (square)

Weevil Wonderland カラーパレット CSS

/* CSS */
.color-1 {
color: #6f4c3e;
}
.color-2 {
color: #895b29;
}
.color-3 {
color: #a86d4d;
}
.color-4 {
color: #d6b84c;
}
.color-5 {
color: #f1c84b;
}

/* CSS Variables */
:root {
--color-1: #6f4c3e;
 --color-2: #895b29;
 --color-3: #a86d4d;
 --color-4: #d6b84c;
 --color-5: #f1c84b;
 }

Weevil Wonderland の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f4c3e, #895b29, #a86d4d, #d6b84c, #f1c84b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f4c3e, #895b29, #a86d4d, #d6b84c, #f1c84b);
}

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

Weevil Wonderland color palette created on .