Amber's Auburn Woods カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Amber's Auburn Woods palette

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

Amber's Auburn Woods カラー パレット PNG 画像

Download amber's auburn woods color palette PNG image (landscape)
Download amber's auburn woods color palette PNG image (square)

Amber's Auburn Woods カラーパレット CSS

/* CSS */
.color-1 {
color: #c75e38;
}
.color-2 {
color: #aa5d3c;
}
.color-3 {
color: #8e4b39;
}
.color-4 {
color: #7b3a2d;
}
.color-5 {
color: #602b24;
}

/* CSS Variables */
:root {
--color-1: #c75e38;
 --color-2: #aa5d3c;
 --color-3: #8e4b39;
 --color-4: #7b3a2d;
 --color-5: #602b24;
 }

Amber's Auburn Woods の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c75e38, #aa5d3c, #8e4b39, #7b3a2d, #602b24);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c75e38, #aa5d3c, #8e4b39, #7b3a2d, #602b24);
}

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

下にスクロールして7個のアンバーカラーパレットを探索しましょう

Amber's Auburn Woods color palette created on .