Black Onyx カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Black Onyx palette

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

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

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

Black Onyx カラーパレット CSS

/* CSS */
.color-1 {
color: #0f171f;
}
.color-2 {
color: #292c33;
}
.color-3 {
color: #4a4d54;
}
.color-4 {
color: #b3b3b3;
}
.color-5 {
color: #f1f2f3;
}

/* CSS Variables */
:root {
--color-1: #0f171f;
 --color-2: #292c33;
 --color-3: #4a4d54;
 --color-4: #b3b3b3;
 --color-5: #f1f2f3;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #0f171f, #292c33, #4a4d54, #b3b3b3, #f1f2f3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #0f171f, #292c33, #4a4d54, #b3b3b3, #f1f2f3);
}

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

Black Onyx color palette created on .