Industrial カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Industrial palette

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

Industrial カラー パレット PNG 画像

Download industrial color palette PNG image (landscape)
Download industrial color palette PNG image (square)

Industrial カラーパレット CSS

/* CSS */
.color-1 {
color: #4a4a4a;
}
.color-2 {
color: #7d7d7d;
}
.color-3 {
color: #b0b0b0;
}
.color-4 {
color: #c7c7c7;
}
.color-5 {
color: #e6e6e6;
}

/* CSS Variables */
:root {
--color-1: #4a4a4a;
 --color-2: #7d7d7d;
 --color-3: #b0b0b0;
 --color-4: #c7c7c7;
 --color-5: #e6e6e6;
 }

Industrial の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a4a4a, #7d7d7d, #b0b0b0, #c7c7c7, #e6e6e6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a4a4a, #7d7d7d, #b0b0b0, #c7c7c7, #e6e6e6);
}

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

Industrial color palette created on .