Hoops Pink Cat and Eye Lava カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hoops Pink Cat and Eye Lava palette

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

Hoops Pink Cat and Eye Lava カラー パレット PNG 画像

Download hoops pink cat and eye lava color palette PNG image (landscape)
Download hoops pink cat and eye lava color palette PNG image (square)

Hoops Pink Cat and Eye Lava カラーパレット CSS

/* CSS */
.color-1 {
color: #f7a1b2;
}
.color-2 {
color: #f391c0;
}
.color-3 {
color: #e5719d;
}
.color-4 {
color: #d6386f;
}
.color-5 {
color: #c04e39;
}

/* CSS Variables */
:root {
--color-1: #f7a1b2;
 --color-2: #f391c0;
 --color-3: #e5719d;
 --color-4: #d6386f;
 --color-5: #c04e39;
 }

Hoops Pink Cat and Eye Lava の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7a1b2, #f391c0, #e5719d, #d6386f, #c04e39);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7a1b2, #f391c0, #e5719d, #d6386f, #c04e39);
}

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

Hoops Pink Cat and Eye Lava color palette created on .