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 .