布尔玛导航栏颜色

简介

布尔玛导航栏颜色是一个常用的网站导航栏配色方案，在设计师中广受欢迎。导航栏的颜色是由深蓝、靛青、淡蓝、冷灰等多种色彩组成，使得导航栏整体色彩和谐、明亮，非常适合复杂多变的导航栏设计。

颜色代码

可能更直观的颜色展示效果,可点击此处

• 深蓝 #192833
• 靛青 #3B7FA3
• 淡蓝 #4FB0C6
• 浅灰 #C3CCD3
• 冷灰 #7B8B93

配色建议

布尔玛导航栏颜色的色彩组合非常鲜明，相对固定，在不同的场景下都非常适用。建议在运用时要选择好主导色，主要以此为基础来配合其他颜色的使用，从而达到更好的效果。

代码示例

以下代码可直接复制使用：

.navbar {
  background: #192833; /* 深蓝 */
  color: #fff;
}
.navbar ul li a,
.navbar a {
  color: #C3CCD3; /* 浅灰 */
}
.navbar ul li a:hover,
.navbar a:hover {
  color: #fff;
}
.navbar ul li.active a,
.navbar ul li a.active {
  color: #4FB0C6; /* 淡蓝 */
}