Year of 1971 カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Year of 1971 palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Year of 1971 カラーパレット (PNG) をダウンロード
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 .