Sinister Purple カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sinister Purple palette

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

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

Download sinister purple color palette PNG image (landscape)
Download sinister purple color palette PNG image (square)

Sinister Purple カラーパレット CSS

/* CSS */
.color-1 {
color: #4e3b4e;
}
.color-2 {
color: #5e4e6e;
}
.color-3 {
color: #725c8a;
}
.color-4 {
color: #8f7b9d;
}
.color-5 {
color: #c4a1b2;
}

/* CSS Variables */
:root {
--color-1: #4e3b4e;
 --color-2: #5e4e6e;
 --color-3: #725c8a;
 --color-4: #8f7b9d;
 --color-5: #c4a1b2;
 }

Sinister Purple の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4e3b4e, #5e4e6e, #725c8a, #8f7b9d, #c4a1b2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4e3b4e, #5e4e6e, #725c8a, #8f7b9d, #c4a1b2);
}

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

Sinister Purple color palette created on .