Happiest Sad Day カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Happiest Sad Day palette

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

Happiest Sad Day カラー パレット PNG 画像

Download happiest sad day color palette PNG image (landscape)
Download happiest sad day color palette PNG image (square)

Happiest Sad Day カラーパレット CSS

/* CSS */
.color-1 {
color: #736b2b;
}
.color-2 {
color: #70531a;
}
.color-3 {
color: #6a4420;
}
.color-4 {
color: #623313;
}
.color-5 {
color: #5c231f;
}

/* CSS Variables */
:root {
--color-1: #736b2b;
 --color-2: #70531a;
 --color-3: #6a4420;
 --color-4: #623313;
 --color-5: #5c231f;
 }

Happiest Sad Day の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #736b2b, #70531a, #6a4420, #623313, #5c231f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #736b2b, #70531a, #6a4420, #623313, #5c231f);
}

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

Happiest Sad Day color palette created on .