Persian Plum Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Persian Plum Sunset palette

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

Persian Plum Sunset カラー パレット PNG 画像

Download persian plum sunset color palette PNG image (landscape)
Download persian plum sunset color palette PNG image (square)

Persian Plum Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #a65e8d;
}
.color-2 {
color: #a86b8a;
}
.color-3 {
color: #a87a7b;
}
.color-4 {
color: #d2a62d;
}
.color-5 {
color: #d67a3d;
}

/* CSS Variables */
:root {
--color-1: #a65e8d;
 --color-2: #a86b8a;
 --color-3: #a87a7b;
 --color-4: #d2a62d;
 --color-5: #d67a3d;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a65e8d, #a86b8a, #a87a7b, #d2a62d, #d67a3d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a65e8d, #a86b8a, #a87a7b, #d2a62d, #d67a3d);
}

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

Persian Plum Sunset color palette created on .