Makeup カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Makeup palette

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

Makeup カラー パレット PNG 画像

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

Makeup カラーパレット CSS

/* CSS */
.color-1 {
color: #f2b1c1;
}
.color-2 {
color: #d88d9a;
}
.color-3 {
color: #b7768e;
}
.color-4 {
color: #9f5b80;
}
.color-5 {
color: #783a6e;
}

/* CSS Variables */
:root {
--color-1: #f2b1c1;
 --color-2: #d88d9a;
 --color-3: #b7768e;
 --color-4: #9f5b80;
 --color-5: #783a6e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2b1c1, #d88d9a, #b7768e, #9f5b80, #783a6e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2b1c1, #d88d9a, #b7768e, #9f5b80, #783a6e);
}

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

Makeup color palette created on .