End Times Study カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with End Times Study palette

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

End Times Study カラー パレット PNG 画像

Download end times study color palette PNG image (landscape)
Download end times study color palette PNG image (square)

End Times Study カラーパレット CSS

/* CSS */
.color-1 {
color: #7a5e57;
}
.color-2 {
color: #a76e6c;
}
.color-3 {
color: #d99c8c;
}
.color-4 {
color: #f1c6a7;
}
.color-5 {
color: #f4e1d2;
}

/* CSS Variables */
:root {
--color-1: #7a5e57;
 --color-2: #a76e6c;
 --color-3: #d99c8c;
 --color-4: #f1c6a7;
 --color-5: #f4e1d2;
 }

End Times Study の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7a5e57, #a76e6c, #d99c8c, #f1c6a7, #f4e1d2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7a5e57, #a76e6c, #d99c8c, #f1c6a7, #f4e1d2);
}

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

End Times Study color palette created on .