Metallic Valor カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Metallic Valor palette

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

Metallic Valor カラー パレット PNG 画像

Download metallic valor color palette PNG image (landscape)
Download metallic valor color palette PNG image (square)

Metallic Valor カラーパレット CSS

/* CSS */
.color-1 {
color: #bfbfbf;
}
.color-2 {
color: #a3a3a3;
}
.color-3 {
color: #808080;
}
.color-4 {
color: #595959;
}
.color-5 {
color: #3d3d3d;
}

/* CSS Variables */
:root {
--color-1: #bfbfbf;
 --color-2: #a3a3a3;
 --color-3: #808080;
 --color-4: #595959;
 --color-5: #3d3d3d;
 }

Metallic Valor の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #bfbfbf, #a3a3a3, #808080, #595959, #3d3d3d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #bfbfbf, #a3a3a3, #808080, #595959, #3d3d3d);
}

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

Metallic Valor color palette created on .