End Times Study カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with End Times Study palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
End Times Study カラーパレット (PNG) をダウンロード
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 .