Purple Ink カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Purple Ink palette

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

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

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

Purple Ink カラーパレット CSS

/* CSS */
.color-1 {
color: #3b1f4d;
}
.color-2 {
color: #6d4f8c;
}
.color-3 {
color: #a87dba;
}
.color-4 {
color: #f1a7b2;
}
.color-5 {
color: #f5e0c2;
}

/* CSS Variables */
:root {
--color-1: #3b1f4d;
 --color-2: #6d4f8c;
 --color-3: #a87dba;
 --color-4: #f1a7b2;
 --color-5: #f5e0c2;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b1f4d, #6d4f8c, #a87dba, #f1a7b2, #f5e0c2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b1f4d, #6d4f8c, #a87dba, #f1a7b2, #f5e0c2);
}

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

Purple Ink color palette created on .