Thank You Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Thank You Sunset palette

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

Thank You Sunset カラー パレット PNG 画像

Download thank you sunset color palette PNG image (landscape)
Download thank you sunset color palette PNG image (square)

Thank You Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #f7b1a6;
}
.color-2 {
color: #f7d3a6;
}
.color-3 {
color: #f7e7a6;
}
.color-4 {
color: #a6e7f7;
}
.color-5 {
color: #a6aff7;
}

/* CSS Variables */
:root {
--color-1: #f7b1a6;
 --color-2: #f7d3a6;
 --color-3: #f7e7a6;
 --color-4: #a6e7f7;
 --color-5: #a6aff7;
 }

Thank You Sunset の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7b1a6, #f7d3a6, #f7e7a6, #a6e7f7, #a6aff7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7b1a6, #f7d3a6, #f7e7a6, #a6e7f7, #a6aff7);
}

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

Thank You Sunset color palette created on .