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