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 .