Dark Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dark Sunset palette

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

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

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

Dark Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #4d004b;
}
.color-2 {
color: #404040;
}
.color-3 {
color: #5a3f3f;
}
.color-4 {
color: #f08e51;
}
.color-5 {
color: #f0a94c;
}

/* CSS Variables */
:root {
--color-1: #4d004b;
 --color-2: #404040;
 --color-3: #5a3f3f;
 --color-4: #f08e51;
 --color-5: #f0a94c;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4d004b, #404040, #5a3f3f, #f08e51, #f0a94c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4d004b, #404040, #5a3f3f, #f08e51, #f0a94c);
}

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

Dark Sunset color palette created on .