Four BFB Blue カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Four BFB Blue palette

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

Four BFB Blue カラー パレット PNG 画像

Download four bfb blue color palette PNG image (landscape)
Download four bfb blue color palette PNG image (square)

Four BFB Blue カラーパレット CSS

/* CSS */
.color-1 {
color: #1d4d91;
}
.color-2 {
color: #3b6bbf;
}
.color-3 {
color: #6cb4e4;
}
.color-4 {
color: #a4d8f9;
}
.color-5 {
color: #e0f0ff;
}

/* CSS Variables */
:root {
--color-1: #1d4d91;
 --color-2: #3b6bbf;
 --color-3: #6cb4e4;
 --color-4: #a4d8f9;
 --color-5: #e0f0ff;
 }

Four BFB Blue の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d4d91, #3b6bbf, #6cb4e4, #a4d8f9, #e0f0ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d4d91, #3b6bbf, #6cb4e4, #a4d8f9, #e0f0ff);
}

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

Four BFB Blue color palette created on .