Hazel Sakarena カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hazel Sakarena palette

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

Hazel Sakarena カラー パレット PNG 画像

Download hazel sakarena color palette PNG image (landscape)
Download hazel sakarena color palette PNG image (square)

Hazel Sakarena カラーパレット CSS

/* CSS */
.color-1 {
color: #c5a77c;
}
.color-2 {
color: #d6ba9e;
}
.color-3 {
color: #e8c4b5;
}
.color-4 {
color: #f2d4e4;
}
.color-5 {
color: #f5e9d6;
}

/* CSS Variables */
:root {
--color-1: #c5a77c;
 --color-2: #d6ba9e;
 --color-3: #e8c4b5;
 --color-4: #f2d4e4;
 --color-5: #f5e9d6;
 }

Hazel Sakarena の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c5a77c, #d6ba9e, #e8c4b5, #f2d4e4, #f5e9d6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c5a77c, #d6ba9e, #e8c4b5, #f2d4e4, #f5e9d6);
}

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

Hazel Sakarena color palette created on .