Marceline カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Marceline palette

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

Marceline カラー パレット PNG 画像

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

Marceline カラーパレット CSS

/* CSS */
.color-1 {
color: #492c49;
}
.color-2 {
color: #8c5a89;
}
.color-3 {
color: #d5a5b2;
}
.color-4 {
color: #f9c8d3;
}
.color-5 {
color: #ff6e61;
}

/* CSS Variables */
:root {
--color-1: #492c49;
 --color-2: #8c5a89;
 --color-3: #d5a5b2;
 --color-4: #f9c8d3;
 --color-5: #ff6e61;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #492c49, #8c5a89, #d5a5b2, #f9c8d3, #ff6e61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #492c49, #8c5a89, #d5a5b2, #f9c8d3, #ff6e61);
}

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

Marceline color palette created on .