Resentful Hues カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Resentful Hues palette

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

Resentful Hues カラー パレット PNG 画像

Download resentful hues color palette PNG image (landscape)
Download resentful hues color palette PNG image (square)

Resentful Hues カラーパレット CSS

/* CSS */
.color-1 {
color: #791b3a;
}
.color-2 {
color: #b5493b;
}
.color-3 {
color: #e29b4b;
}
.color-4 {
color: #f9d97b;
}
.color-5 {
color: #f1e5a7;
}

/* CSS Variables */
:root {
--color-1: #791b3a;
 --color-2: #b5493b;
 --color-3: #e29b4b;
 --color-4: #f9d97b;
 --color-5: #f1e5a7;
 }

Resentful Hues の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #791b3a, #b5493b, #e29b4b, #f9d97b, #f1e5a7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #791b3a, #b5493b, #e29b4b, #f9d97b, #f1e5a7);
}

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

Resentful Hues color palette created on .