真夜中の月 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with 真夜中の月 palette

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

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

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

真夜中の月 カラーパレット (PNG) をダウンロード

Download 真夜中の月 color palette PNG image (landscape)
Download 真夜中の月 color palette PNG image (square)

真夜中の月 カラーパレット CSS

/* CSS */
.color-1 {
color: #1c1e4f;
}
.color-2 {
color: #5b5d9a;
}
.color-3 {
color: #8c9fba;
}
.color-4 {
color: #c5d4e2;
}
.color-5 {
color: #f2f4f7;
}

/* CSS Variables */
:root {
--color-1: #1c1e4f;
 --color-2: #5b5d9a;
 --color-3: #8c9fba;
 --color-4: #c5d4e2;
 --color-5: #f2f4f7;
 }

真夜中の月 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c1e4f, #5b5d9a, #8c9fba, #c5d4e2, #f2f4f7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c1e4f, #5b5d9a, #8c9fba, #c5d4e2, #f2f4f7);
}

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

真夜中の月 color palette created on .