Deep Blue Night カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Deep Blue Night palette

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

Deep Blue Night カラー パレット PNG 画像

Download deep blue night color palette PNG image (landscape)
Download deep blue night color palette PNG image (square)

Deep Blue Night カラーパレット CSS

/* CSS */
.color-1 {
color: #121c49;
}
.color-2 {
color: #202e69;
}
.color-3 {
color: #2e407a;
}
.color-4 {
color: #41579b;
}
.color-5 {
color: #5b78a9;
}

/* CSS Variables */
:root {
--color-1: #121c49;
 --color-2: #202e69;
 --color-3: #2e407a;
 --color-4: #41579b;
 --color-5: #5b78a9;
 }

Deep Blue Night の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #121c49, #202e69, #2e407a, #41579b, #5b78a9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #121c49, #202e69, #2e407a, #41579b, #5b78a9);
}

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

Deep Blue Night color palette created on .