Mommy Purple and Black カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Mommy Purple and Black palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Mommy Purple and Black カラーパレット (PNG) をダウンロード

Download mommy purple and black color palette PNG image (landscape)
Download mommy purple and black color palette PNG image (square)

Mommy Purple and Black カラーパレット CSS

/* CSS */
.color-1 {
color: #1b062d;
}
.color-2 {
color: #331060;
}
.color-3 {
color: #561c69;
}
.color-4 {
color: #5931b4;
}
.color-5 {
color: #050000;
}

/* CSS Variables */
:root {
--color-1: #1b062d;
 --color-2: #331060;
 --color-3: #561c69;
 --color-4: #5931b4;
 --color-5: #050000;
 }

Mommy Purple and Black の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b062d, #331060, #561c69, #5931b4, #050000);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b062d, #331060, #561c69, #5931b4, #050000);
}

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

Mommy Purple and Black color palette created on .