Year of 1971 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Year of 1971 palette

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

Year of 1971 カラー パレット PNG 画像

Download year of 1971 color palette PNG image (landscape)
Download year of 1971 color palette PNG image (square)

Year of 1971 カラーパレット CSS

/* CSS */
.color-1 {
color: #d4a38c;
}
.color-2 {
color: #c78e6b;
}
.color-3 {
color: #a65e3a;
}
.color-4 {
color: #e9b36d;
}
.color-5 {
color: #f9c4b9;
}

/* CSS Variables */
:root {
--color-1: #d4a38c;
 --color-2: #c78e6b;
 --color-3: #a65e3a;
 --color-4: #e9b36d;
 --color-5: #f9c4b9;
 }

Year of 1971 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d4a38c, #c78e6b, #a65e3a, #e9b36d, #f9c4b9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d4a38c, #c78e6b, #a65e3a, #e9b36d, #f9c4b9);
}

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

Year of 1971 color palette created on .