layui颜色

目录

1. 常用主色

2. 场景色

3. 极简中性色

4. 内置的背景色CSS类

---

1. 常用主色

        layui主要是以象征包容的墨绿作为主色调, 由于它给人以深沉感, 所以通常会以浅黑色的作为其陪衬, 又会以蓝色这种比较鲜艳的色调来弥补它的色觉疲劳, 整体让人清新自然, 愈发耐看。

2. 场景色

        事实上, layui并非不敢去尝试一些亮丽的颜色, 但许多情况下一个它可能并不是那么合适, 所以我们把这些颜色归为"场景色", 即按照实际场景来呈现对应的颜色, 比如你想给人以警觉感, 可以尝试用下面的红色。他们一般会出现在layui的按钮、提示和修饰性元素, 以及一些侧边元素上。

3. 极简中性色

        layui认为灰色系代表极简, 因为这是一种神奇的颜色, 几乎可以与任何元素搭配, 不易形成视觉疲劳, 且永远不会过时。低调而优雅!他们一般用于背景、边框等。

4. 内置的背景色CSS类

        layui内置了七种背景色, 以便你用于各种元素中, 如: 徽章、分割线、导航等等。

        layui内置了七种背景色的十六进制颜色值

    赤色: class="layui-bg-red"的十六进制颜色值是: #FF5722。
    橙色: class="layui-bg-orange"的十六进制颜色值是: #FFB800。
    墨绿: class="layui-bg-green"的十六进制颜色值是: #009688。
    藏青: class="layui-bg-cyan"的十六进制颜色值是: #2F4056。
    蓝色: class="layui-bg-blue"的十六进制颜色值是: #1E9FFF。
    雅黑: class="layui-bg-black"的十六进制颜色值是: #393D49。
    银灰: class="layui-bg-gray"的十六进制颜色值是: #EEEEEE。