Moth Man Girl カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Moth Man Girl palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Moth Man Girl カラーパレット (PNG) をダウンロード
Moth Man Girl カラーパレット CSS
/* CSS */
.color-1 {
color: #201b2d;
}
.color-2 {
color: #4a4e68;
}
.color-3 {
color: #9a8d98;
}
.color-4 {
color: #c9ada6;
}
.color-5 {
color: #f6f4d0;
}
/* CSS Variables */
:root {
--color-1: #201b2d;
--color-2: #4a4e68;
--color-3: #9a8d98;
--color-4: #c9ada6;
--color-5: #f6f4d0;
} Moth Man Girl の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #201b2d, #4a4e68, #9a8d98, #c9ada6, #f6f4d0);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #201b2d, #4a4e68, #9a8d98, #c9ada6, #f6f4d0);
} 似たようなカラーパレット
Moth Man Girl color palette created on .