Dark Gray カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dark Gray palette

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

Dark Gray カラーパレット (PNG) をダウンロード

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

Dark Gray カラーパレット CSS

/* CSS */
.color-1 {
color: #20202c;
}
.color-2 {
color: #49496e;
}
.color-3 {
color: #7a7a99;
}
.color-4 {
color: #c2c2e0;
}
.color-5 {
color: #d9a68c;
}

/* CSS Variables */
:root {
--color-1: #20202c;
 --color-2: #49496e;
 --color-3: #7a7a99;
 --color-4: #c2c2e0;
 --color-5: #d9a68c;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #20202c, #49496e, #7a7a99, #c2c2e0, #d9a68c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #20202c, #49496e, #7a7a99, #c2c2e0, #d9a68c);
}

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

Dark Gray color palette created on .