Frigid Auburn カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Frigid Auburn palette

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

Frigid Auburn カラー パレット PNG 画像

Download frigid auburn color palette PNG image (landscape)
Download frigid auburn color palette PNG image (square)

Frigid Auburn カラーパレット CSS

/* CSS */
.color-1 {
color: #5b3e3e;
}
.color-2 {
color: #9b6f6f;
}
.color-3 {
color: #c8a3a3;
}
.color-4 {
color: #ebd6d6;
}
.color-5 {
color: #f9f0f0;
}

/* CSS Variables */
:root {
--color-1: #5b3e3e;
 --color-2: #9b6f6f;
 --color-3: #c8a3a3;
 --color-4: #ebd6d6;
 --color-5: #f9f0f0;
 }

Frigid Auburn の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b3e3e, #9b6f6f, #c8a3a3, #ebd6d6, #f9f0f0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b3e3e, #9b6f6f, #c8a3a3, #ebd6d6, #f9f0f0);
}

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

Frigid Auburn color palette created on .