Dark Technology カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dark Technology palette

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

Dark Technology カラー パレット PNG 画像

Download dark technology color palette PNG image (landscape)
Download dark technology color palette PNG image (square)

Dark Technology カラーパレット CSS

/* CSS */
.color-1 {
color: #1e1e2f;
}
.color-2 {
color: #3e3e47;
}
.color-3 {
color: #5e5e6e;
}
.color-4 {
color: #8e8e9f;
}
.color-5 {
color: #bfbfbf;
}

/* CSS Variables */
:root {
--color-1: #1e1e2f;
 --color-2: #3e3e47;
 --color-3: #5e5e6e;
 --color-4: #8e8e9f;
 --color-5: #bfbfbf;
 }

Dark Technology の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e1e2f, #3e3e47, #5e5e6e, #8e8e9f, #bfbfbf);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e1e2f, #3e3e47, #5e5e6e, #8e8e9f, #bfbfbf);
}

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

Dark Technology color palette created on .