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 .