Sangria Sunrise カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sangria Sunrise palette

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

Sangria Sunrise カラー パレット PNG 画像

Download sangria sunrise color palette PNG image (landscape)
Download sangria sunrise color palette PNG image (square)

Sangria Sunrise カラーパレット CSS

/* CSS */
.color-1 {
color: #9c2b2f;
}
.color-2 {
color: #d65a4c;
}
.color-3 {
color: #f6a14c;
}
.color-4 {
color: #f3e6b4;
}
.color-5 {
color: #f5c7d0;
}

/* CSS Variables */
:root {
--color-1: #9c2b2f;
 --color-2: #d65a4c;
 --color-3: #f6a14c;
 --color-4: #f3e6b4;
 --color-5: #f5c7d0;
 }

Sangria Sunrise の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9c2b2f, #d65a4c, #f6a14c, #f3e6b4, #f5c7d0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9c2b2f, #d65a4c, #f6a14c, #f3e6b4, #f5c7d0);
}

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

Sangria Sunrise color palette created on .