mirror of https://github.com/layui/layui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4.3 KiB
4.3 KiB
| title | toc |
|---|---|
| 颜色 | true |
颜色
Layui 试图在清新与深沉之间寻求某种柔和，以不过分刺激大脑皮层的神经介质，反馈出经久耐看的微妙视图。您可以在我们精心调配的如下色系中合理搭配，减少不必要的违和感，从而使您的 Web 页面看上去尽可能融洽。
基色调
#16baaa
蓝绿色
#16b777
清新绿
#1e9fff
经典蓝
Layui 选取以象征清新与包容的「蓝绿色」作为主色调，它介于蓝与绿之间，亦可称之为「青色」，所谓青者，取之于蓝而深于绿，此间包罗万象，跨越时空。这也是我们对技术创作与人生哲学之间的一点思考。
辅色调
#ff5722
错误 - Danger
#ffb800
警示 - Warning
#16b777
成功 - Success
#31bdec
引导 - Info
页面中同样也少不了辅助色彩的点缀，以对不同含义的内容加以区分。Layui 从暖色系（红/橙）和冷色系（绿/蓝）中，各自调取了我们认为最具代表性的颜色值，它们通常在不同的场景中发挥着不同的作用。
中色调
#fafafa
#f7f7f7
#eeeeee
#e2e2e2
#dddddd
#d2d2d2
#cccccc
#c2c2c2
#2f363c
#23292e
中性的颜色是页面中的重要组成部分，也被称之为无彩色系，一般用于文本、背景和边框等。它能对由彩色进行视觉冲淡，以达到和谐自然的效果。Layui 认为恰当的灰度调配代表着极简，这是一种神奇的色系，是视觉疲劳的栖息，低调而优雅，且永不过时。
七色调
#ff5722 - 红
#ffb800 - 橙
#16baaa - 绿
#1e9fff - 蓝
#a233c6 - 紫
#2f363c - 深
#fafafa - 浅
Layui 的色调基础，除了前面提到的主辅中色之外，还建立在以上罗列的七种颜色之上。你同样也可以遵循我们提供的色调方案去扩展你的页面元素，使得能与 Layui 的主题风格无缝融合。
标语
不热衷于视觉设计的开发者不是一个好作家。 —— 贤心