Lusty Magenta カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lusty Magenta palette

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

Lusty Magenta カラー パレット PNG 画像

Download lusty magenta color palette PNG image (landscape)
Download lusty magenta color palette PNG image (square)

Lusty Magenta カラーパレット CSS

/* CSS */
.color-1 {
color: #d6006f;
}
.color-2 {
color: #ff4d7f;
}
.color-3 {
color: #ff7092;
}
.color-4 {
color: #ff99a1;
}
.color-5 {
color: #ffb3b5;
}

/* CSS Variables */
:root {
--color-1: #d6006f;
 --color-2: #ff4d7f;
 --color-3: #ff7092;
 --color-4: #ff99a1;
 --color-5: #ffb3b5;
 }

Lusty Magenta の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d6006f, #ff4d7f, #ff7092, #ff99a1, #ffb3b5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d6006f, #ff4d7f, #ff7092, #ff99a1, #ffb3b5);
}

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

Lusty Magenta color palette created on .