Pink Flower Dance カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pink Flower Dance palette

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

Pink Flower Dance カラー パレット PNG 画像

Download pink flower dance color palette PNG image (landscape)
Download pink flower dance color palette PNG image (square)

Pink Flower Dance カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7092;
}
.color-2 {
color: #ffcc99;
}
.color-3 {
color: #ffb84d;
}
.color-4 {
color: #ff8b42;
}
.color-5 {
color: #ff3d5a;
}

/* CSS Variables */
:root {
--color-1: #ff7092;
 --color-2: #ffcc99;
 --color-3: #ffb84d;
 --color-4: #ff8b42;
 --color-5: #ff3d5a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7092, #ffcc99, #ffb84d, #ff8b42, #ff3d5a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7092, #ffcc99, #ffb84d, #ff8b42, #ff3d5a);
}

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

Pink Flower Dance color palette created on .