Loading...

Tuscan Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tuscan Sunset palette

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

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

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

Tuscan Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #d9b4b4;
}
.color-2 {
color: #f2c5d3;
}
.color-3 {
color: #ffcc99;
}
.color-4 {
color: #ffb84d;
}
.color-5 {
color: #ff6e61;
}

/* CSS Variables */
:root {
--color-1: #d9b4b4;
 --color-2: #f2c5d3;
 --color-3: #ffcc99;
 --color-4: #ffb84d;
 --color-5: #ff6e61;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d9b4b4, #f2c5d3, #ffcc99, #ffb84d, #ff6e61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d9b4b4, #f2c5d3, #ffcc99, #ffb84d, #ff6e61);
}

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

Tuscan Sunset color palette created on .