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