Pink Pearl カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pink Pearl palette

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

Pink Pearl カラー パレット PNG 画像

Download pink pearl color palette PNG image (landscape)
Download pink pearl color palette PNG image (square)

Pink Pearl カラーパレット CSS

/* CSS */
.color-1 {
color: #f6c1d2;
}
.color-2 {
color: #f1a7c6;
}
.color-3 {
color: #ea8bb5;
}
.color-4 {
color: #e56c9e;
}
.color-5 {
color: #d44e86;
}

/* CSS Variables */
:root {
--color-1: #f6c1d2;
 --color-2: #f1a7c6;
 --color-3: #ea8bb5;
 --color-4: #e56c9e;
 --color-5: #d44e86;
 }

Pink Pearl の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6c1d2, #f1a7c6, #ea8bb5, #e56c9e, #d44e86);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6c1d2, #f1a7c6, #ea8bb5, #e56c9e, #d44e86);
}

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

Pink Pearl color palette created on .