前端杂谈 · Web

【配色方案】网页设计配色

•̀.̫•́✧ · 11月2日 · 2019年 · 本文2397字 · 阅读6分钟811

帮助您完成配色方案,不用配色软件轻松配色。是网页配色、设计师配色的实用网页配色工具。

部分配色演示渲染

部分代码


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>中国传统色</title>
<link rel="stylesheet" href="https://zhangsixiang.gitee.io/design_color/css/1.css" rel="nofollow noopener" >
</head>
<body>
<h1 class="center-text" id="title"><a href="javascript:void(0)" rel="nofollow noopener" >中国传统颜色</a></h1>
<p style="text-align:center">请点击对应颜色</p>
<div class="left" id="left"></div>
<div class="container">
<ul class="left-container" id="j_left_menu"></ul>
</div>
<footer id="footer"><div class="container"><a href="https://www.zsxcool.com/" target="_blank" style="color: #738192;"><div class="copyright silver-color">版权所有 © 2019 •̀.̫•́✧ | 踏雕上月 All Rights Reserved</div></a><div class="beian " :template="beian"><a href="http://www.miitbeian.gov.cn/" rel="nofollow noopener"  target="_blank" style="color: #738192;"><span>苏ICP备19011337号</span></a></div><script></script></div></footer>
<script src="https://zhangsixiang.gitee.io/design_color/js/1.js" type="fdc5efc89949e9cb718c7e6e-text/javascript"></script>
<script src="https://zhangsixiang.gitee.io/design_color/js/2.js" type="fdc5efc89949e9cb718c7e6e-text/javascript"></script>
<script src="https://zhangsixiang.gitee.io/design_color/js/3.js" data-cf-settings="fdc5efc89949e9cb718c7e6e-|49" defer=""></script>
<iframe id="c_iframe"  height="0" width="0"  src="https://www.zsxcool.com/auto/agent.html" style="display:none" ></iframe>
<script type="text/javascript">
(function autoHeight(){
var b_width = Math.max(document.body.scrollWidth,document.body.clientWidth);
var b_height = Math.max(document.body.scrollHeight,document.body.clientHeight);
var c_iframe = document.getElementById("c_iframe");
c_iframe.src = c_iframe.src + "#" + b_width + "|" + b_height;  // 这里通过hash传递b.htm的宽高
})();
</script>
<script>
	var _hmt = _hmt || [];
	(function () {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?8d34650a4fdeffd3bcb3d723f3f8d47e";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>
</body>
</html>
0 条回应