Three Days Grace カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Three Days Grace palette

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

Three Days Grace カラー パレット PNG 画像

Download three days grace color palette PNG image (landscape)
Download three days grace color palette PNG image (square)

Three Days Grace カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1f1f;
}
.color-2 {
color: #4a4a4a;
}
.color-3 {
color: #7a7a7a;
}
.color-4 {
color: #a3a3a3;
}
.color-5 {
color: #d1d1d1;
}

/* CSS Variables */
:root {
--color-1: #1f1f1f;
 --color-2: #4a4a4a;
 --color-3: #7a7a7a;
 --color-4: #a3a3a3;
 --color-5: #d1d1d1;
 }

Three Days Grace の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f1f, #4a4a4a, #7a7a7a, #a3a3a3, #d1d1d1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f1f, #4a4a4a, #7a7a7a, #a3a3a3, #d1d1d1);
}

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

Three Days Grace color palette created on .