Loading...

Pink Confection カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pink Confection palette

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

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

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

Pink Confection カラーパレット CSS

/* CSS */
.color-1 {
color: #fad6a3;
}
.color-2 {
color: #f9aeae;
}
.color-3 {
color: #f28c8c;
}
.color-4 {
color: #f269b9;
}
.color-5 {
color: #e74b9c;
}

/* CSS Variables */
:root {
--color-1: #fad6a3;
 --color-2: #f9aeae;
 --color-3: #f28c8c;
 --color-4: #f269b9;
 --color-5: #e74b9c;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fad6a3, #f9aeae, #f28c8c, #f269b9, #e74b9c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fad6a3, #f9aeae, #f28c8c, #f269b9, #e74b9c);
}

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

Pink Confection color palette created on .