Auburn Intensity カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Auburn Intensity palette

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

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

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

Auburn Intensity カラーパレット CSS

/* CSS */
.color-1 {
color: #502b2b;
}
.color-2 {
color: #a95c47;
}
.color-3 {
color: #d19b6b;
}
.color-4 {
color: #f4d69f;
}
.color-5 {
color: #c7aa4d;
}

/* CSS Variables */
:root {
--color-1: #502b2b;
 --color-2: #a95c47;
 --color-3: #d19b6b;
 --color-4: #f4d69f;
 --color-5: #c7aa4d;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #502b2b, #a95c47, #d19b6b, #f4d69f, #c7aa4d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #502b2b, #a95c47, #d19b6b, #f4d69f, #c7aa4d);
}

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

Auburn Intensity color palette created on .