Desert Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Desert Sunset palette

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

Desert Sunset カラー パレット PNG 画像

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

Desert Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #7a3a29;
}
.color-2 {
color: #9f512d;
}
.color-3 {
color: #d1654d;
}
.color-4 {
color: #e97c5d;
}
.color-5 {
color: #c84a3c;
}

/* CSS Variables */
:root {
--color-1: #7a3a29;
 --color-2: #9f512d;
 --color-3: #d1654d;
 --color-4: #e97c5d;
 --color-5: #c84a3c;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7a3a29, #9f512d, #d1654d, #e97c5d, #c84a3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7a3a29, #9f512d, #d1654d, #e97c5d, #c84a3c);
}

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

下にスクロールして10個の砂漠カラーパレットを探索しましょう

Desert Sunset color palette created on .