Fennec Fox カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fennec Fox palette

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

Fennec Fox カラー パレット PNG 画像

Download fennec fox color palette PNG image (landscape)
Download fennec fox color palette PNG image (square)

Fennec Fox カラーパレット CSS

/* CSS */
.color-1 {
color: #dbc4b3;
}
.color-2 {
color: #ccab94;
}
.color-3 {
color: #bd9e7a;
}
.color-4 {
color: #ac9562;
}
.color-5 {
color: #956046;
}

/* CSS Variables */
:root {
--color-1: #dbc4b3;
 --color-2: #ccab94;
 --color-3: #bd9e7a;
 --color-4: #ac9562;
 --color-5: #956046;
 }

Fennec Fox の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #dbc4b3, #ccab94, #bd9e7a, #ac9562, #956046);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #dbc4b3, #ccab94, #bd9e7a, #ac9562, #956046);
}

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

Fennec Fox color palette created on .