Black Fusion カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Black Fusion palette

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

Black Fusion カラー パレット PNG 画像

Download black fusion color palette PNG image (landscape)
Download black fusion color palette PNG image (square)

Black Fusion カラーパレット CSS

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

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

Black Fusion の背景のグラデーション CSS

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

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

Black Fusion color palette created on .