Dark Blue Light カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dark Blue Light palette

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

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

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

Dark Blue Light カラーパレット (PNG) をダウンロード

Download dark blue light color palette PNG image (landscape)
Download dark blue light color palette PNG image (square)

Dark Blue Light カラーパレット CSS

/* CSS */
.color-1 {
color: #1a1a2e;
}
.color-2 {
color: #15203c;
}
.color-3 {
color: #0f3461;
}
.color-4 {
color: #e9445f;
}
.color-5 {
color: #fafafa;
}

/* CSS Variables */
:root {
--color-1: #1a1a2e;
 --color-2: #15203c;
 --color-3: #0f3461;
 --color-4: #e9445f;
 --color-5: #fafafa;
 }

Dark Blue Light の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a1a2e, #15203c, #0f3461, #e9445f, #fafafa);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a1a2e, #15203c, #0f3461, #e9445f, #fafafa);
}

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

Dark Blue Light color palette created on .