Shigaraki Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Shigaraki Sunset palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Shigaraki Sunset カラーパレット (PNG) をダウンロード

Download shigaraki sunset color palette PNG image (landscape)
Download shigaraki sunset color palette PNG image (square)

Shigaraki Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #d9d3bf;
}
.color-2 {
color: #b49c8e;
}
.color-3 {
color: #794939;
}
.color-4 {
color: #b86f6b;
}
.color-5 {
color: #c9b5a1;
}

/* CSS Variables */
:root {
--color-1: #d9d3bf;
 --color-2: #b49c8e;
 --color-3: #794939;
 --color-4: #b86f6b;
 --color-5: #c9b5a1;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d9d3bf, #b49c8e, #794939, #b86f6b, #c9b5a1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d9d3bf, #b49c8e, #794939, #b86f6b, #c9b5a1);
}

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

Shigaraki Sunset color palette created on .