Hyena カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hyena palette

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

Hyena カラー パレット PNG 画像

Download hyena color palette PNG image (landscape)
Download hyena color palette PNG image (square)

Hyena カラーパレット CSS

/* CSS */
.color-1 {
color: #d4a96e;
}
.color-2 {
color: #a87c4d;
}
.color-3 {
color: #795039;
}
.color-4 {
color: #4c2b2a;
}
.color-5 {
color: #2e1a1a;
}

/* CSS Variables */
:root {
--color-1: #d4a96e;
 --color-2: #a87c4d;
 --color-3: #795039;
 --color-4: #4c2b2a;
 --color-5: #2e1a1a;
 }

Hyena の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d4a96e, #a87c4d, #795039, #4c2b2a, #2e1a1a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d4a96e, #a87c4d, #795039, #4c2b2a, #2e1a1a);
}

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

Hyena color palette created on .