Woodstock 1994 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Woodstock 1994 palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Woodstock 1994 カラーパレット (PNG) をダウンロード

Download woodstock 1994 color palette PNG image (landscape)
Download woodstock 1994 color palette PNG image (square)

Woodstock 1994 カラーパレット CSS

/* CSS */
.color-1 {
color: #d1a65c;
}
.color-2 {
color: #e2ba6a;
}
.color-3 {
color: #f3c77c;
}
.color-4 {
color: #e57e2e;
}
.color-5 {
color: #aa4527;
}

/* CSS Variables */
:root {
--color-1: #d1a65c;
 --color-2: #e2ba6a;
 --color-3: #f3c77c;
 --color-4: #e57e2e;
 --color-5: #aa4527;
 }

Woodstock 1994 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d1a65c, #e2ba6a, #f3c77c, #e57e2e, #aa4527);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d1a65c, #e2ba6a, #f3c77c, #e57e2e, #aa4527);
}

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

Woodstock 1994 color palette created on .