Givry Sunrise カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Givry Sunrise palette

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

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

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

Givry Sunrise カラーパレット CSS

/* CSS */
.color-1 {
color: #f7d6a1;
}
.color-2 {
color: #e2c0a1;
}
.color-3 {
color: #d1a99e;
}
.color-4 {
color: #d59b7b;
}
.color-5 {
color: #b5684a;
}

/* CSS Variables */
:root {
--color-1: #f7d6a1;
 --color-2: #e2c0a1;
 --color-3: #d1a99e;
 --color-4: #d59b7b;
 --color-5: #b5684a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7d6a1, #e2c0a1, #d1a99e, #d59b7b, #b5684a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7d6a1, #e2c0a1, #d1a99e, #d59b7b, #b5684a);
}

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

Givry Sunrise color palette created on .