Freddy Fazbear カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Freddy Fazbear palette

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

Freddy Fazbear カラー パレット PNG 画像

Download freddy fazbear color palette PNG image (landscape)
Download freddy fazbear color palette PNG image (square)

Freddy Fazbear カラーパレット CSS

/* CSS */
.color-1 {
color: #7c5731;
}
.color-2 {
color: #624327;
}
.color-3 {
color: #593a21;
}
.color-4 {
color: #432619;
}
.color-5 {
color: #20130e;
}

/* CSS Variables */
:root {
--color-1: #7c5731;
 --color-2: #624327;
 --color-3: #593a21;
 --color-4: #432619;
 --color-5: #20130e;
 }

Freddy Fazbear の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7c5731, #624327, #593a21, #432619, #20130e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7c5731, #624327, #593a21, #432619, #20130e);
}

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

Freddy Fazbear color palette created on .