Plumfette カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Plumfette palette

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

Plumfette カラー パレット PNG 画像

Download plumfette color palette PNG image (landscape)
Download plumfette color palette PNG image (square)

Plumfette カラーパレット CSS

/* CSS */
.color-1 {
color: #6f2c90;
}
.color-2 {
color: #a45fbf;
}
.color-3 {
color: #d6a4e0;
}
.color-4 {
color: #f7c0d2;
}
.color-5 {
color: #ffaa75;
}

/* CSS Variables */
:root {
--color-1: #6f2c90;
 --color-2: #a45fbf;
 --color-3: #d6a4e0;
 --color-4: #f7c0d2;
 --color-5: #ffaa75;
 }

Plumfette の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f2c90, #a45fbf, #d6a4e0, #f7c0d2, #ffaa75);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f2c90, #a45fbf, #d6a4e0, #f7c0d2, #ffaa75);
}

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

Plumfette color palette created on .