Withered Foxy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Withered Foxy palette

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

Withered Foxy カラー パレット PNG 画像

Download withered foxy color palette PNG image (landscape)
Download withered foxy color palette PNG image (square)

Withered Foxy カラーパレット CSS

/* CSS */
.color-1 {
color: #d97b45;
}
.color-2 {
color: #c97040;
}
.color-3 {
color: #a85c34;
}
.color-4 {
color: #814d28;
}
.color-5 {
color: #5e3c1c;
}

/* CSS Variables */
:root {
--color-1: #d97b45;
 --color-2: #c97040;
 --color-3: #a85c34;
 --color-4: #814d28;
 --color-5: #5e3c1c;
 }

Withered Foxy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d97b45, #c97040, #a85c34, #814d28, #5e3c1c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d97b45, #c97040, #a85c34, #814d28, #5e3c1c);
}

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

Withered Foxy color palette created on .