Brutalist Grayscale カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Brutalist Grayscale palette

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

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

Download brutalist grayscale color palette PNG image (landscape)
Download brutalist grayscale color palette PNG image (square)

Brutalist Grayscale カラーパレット CSS

/* CSS */
.color-1 {
color: #292929;
}
.color-2 {
color: #4f4f4f;
}
.color-3 {
color: #8c8c8c;
}
.color-4 {
color: #b3b3b3;
}
.color-5 {
color: #ffffff;
}

/* CSS Variables */
:root {
--color-1: #292929;
 --color-2: #4f4f4f;
 --color-3: #8c8c8c;
 --color-4: #b3b3b3;
 --color-5: #ffffff;
 }

Brutalist Grayscale の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #292929, #4f4f4f, #8c8c8c, #b3b3b3, #ffffff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #292929, #4f4f4f, #8c8c8c, #b3b3b3, #ffffff);
}

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

Brutalist Grayscale color palette created on .