90's Grunge カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with 90's Grunge palette

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

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

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

90's Grunge カラーパレット (PNG) をダウンロード

Download 90's grunge color palette PNG image (landscape)
Download 90's grunge color palette PNG image (square)

90's Grunge カラーパレット CSS

/* CSS */
.color-1 {
color: #4b3d3a;
}
.color-2 {
color: #7a5d57;
}
.color-3 {
color: #b9a7a2;
}
.color-4 {
color: #d4b2a0;
}
.color-5 {
color: #f4e4e1;
}

/* CSS Variables */
:root {
--color-1: #4b3d3a;
 --color-2: #7a5d57;
 --color-3: #b9a7a2;
 --color-4: #d4b2a0;
 --color-5: #f4e4e1;
 }

90's Grunge の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b3d3a, #7a5d57, #b9a7a2, #d4b2a0, #f4e4e1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b3d3a, #7a5d57, #b9a7a2, #d4b2a0, #f4e4e1);
}

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

90's Grunge color palette created on .