写在前面的

    首先，这篇文章是WEB前端设计中经常用到的比较好看的一些颜色，当然对色盲或者色弱的小伙伴们来说那是相当不友好。因为，即使是色觉正常的人来讲，长时间的调试颜色，也会让眼睛的感色细胞处于疲劳状态，也就是对于颜色“傻傻分不清”了，这种情况就更不要提色盲和色弱的人了，好了，话不多说，大家就尽情挑选自己喜欢的颜色吧！

暖色篇

Color	Show	Code
桃色	■■■	f58f98
薄柿	■■■	ca8687
薄红梅	■■■	f391a9
曙色	■■■	bd6758
妖红	■■■	d71345
丹红	■■■	d64f44
赤红	■■■	d93a49
桦色	■■■	c63c26
铅丹色	■■■	f3715c
赭	■■■	a7573b
绯红	■■■	aa2116
丹	■■■	b64533
土	■■■	b54334
焦	■■■	853f04
绯红	■■■	aa2116
胭脂	■■■	b3424a
真赭	■■■	c76968
金樣	■■■	bb505d
梅染	■■■	987165
退红色	■■■	ac6767
苏芳	■■■	973c3f
茜色	■■■	b22c46
红朱	■■■	a7324a
银朱	■■■	aa2116
赤	■■■	ed1941
朱	■■■	f26522
洗朱	■■■	d2553d
红桦色	■■■	b4534b
红绯色	■■■	EF4136
真红	■■■	840228
红海老茶	■■■	a03939
浅苏芳	■■■	8z2e3b
鸢色	■■■	8e453f
小豆	■■■	8F4B4A
赤錆色	■■■	84331f
黄丹	■■■	f47a55
赤橙	■■■	f3704b
肉桂色	■■■	da765b
瓦砾	■■■	ae5039
鸨色	■■■	f7acbc
踯躅色	■■■	ef5b9x
桜色	■■■	feeeed
蔷薇	■■■	f05b72
魅红	■■■	f15b6c
珊瑚	■■■	f8aba6
梅色	■■■	f69c9f
萱草色	■■■	c88400
黄金	■■■	c37e00
金茶	■■■	e0861a
卵色	■■■	ffce7b
山吹色	■■■	fcaf17
群青色	■■■	4e72b8
藤色	■■■	afb4db
藤紫	■■■	9b95c9
堇色	■■■	6f60aa
鸠羽色	■■■	867892
菖蒲色	■■■	c77eb5
牡丹色	■■■	ea66a6
赤紫	■■■	f173ac

过渡篇

Color	Show	Code
黄檗色	■■■	fcf16e
绿黄色	■■■	decb00
鶸色	■■■	cbc547
抹茶色	■■■	b7ba6b
黄绿色	■■■	b2d235
苔色	■■■	5c7a29
若草色	■■■	bed742
弱绿	■■■	7fb80e
萌黄	■■■	a3cf62
苗色	■■■	769149
草色	■■■	6d8346
柳色	■■■	78a355
淡若草色	■■■	abc88b
松叶色	■■■	74905d
白绿	■■■	cde6c7
薄绿	■■■	1d953f
千草色	■■■	77ac98
青绿	■■■	007d65
瓮覗	■■■	94d6da
水色	■■■	afdfe4
蓝鼠	■■■	5e7c85
秘色	■■■	76becc
空色	■■■	90d7ec
青	■■■	009ad6
蓝色	■■■	145b7d
青绿	■■■	00ae9d
錆浅葱	■■■	508a88
水浅葱	■■■	70a19f
新桥色	■■■	50b7c1
白群	■■■	78cdd1
御纳戸色(谁起的这名字┴┴ ╰(｀□′)╯ ┴┴ )	■■■	008792
柑子色	■■■	faa755
杏色	■■■	fab27b
蜜柑色	■■■	f58220
朽叶	■■■	896a45
空五倍子色(<(｀^′)> 出家吧= =)	■■■	76624c
莺茶	■■■	6d5826
向日葵色	■■■	ffc20e
郁金色	■■■	fdb933
砂色	■■■	d3c6a6
芥子色	■■■	c7a252
灰白	■■■	d96c3
石竹色	■■■	d1c7b7
象牙色	■■■	f2eada
乳白色	■■■	d3d7d4
薄钝	■■■	999d9c
银鼠	■■■	a1a3a6
茶鼠	■■■	9d9087
肤色	■■■	cd9a5b
土色	■■■	b36d41
小麦色	■■■	df9464
琥珀色	■■■	b76f40
木兰色	■■■	ad8b3d
丁子色	■■■	8c531b
丁子茶	■■■	826858
黄栌	■■■	64492b
土器色	■■■	ae6642
黄枯茶	■■■	56452d
狐色	■■■	96582a
黄橡	■■■	705628
胡桃色	■■■	845538
香色	■■■	8e7437
国防色	■■■	69541b
练色	■■■	d5c59f
肉色	■■■	cd9a5b
淡黄	■■■	dec674
亚麻色	■■■	b69968
枯色	■■■	c1a173
鸟子色	■■■	dbce8f
黄色	■■■	ffd400
蒲公英色	■■■	ffd455
中黄	■■■	ffe600
刈安色	■■■	f0dc70
赤白橡	■■■	deab8a
肌肤	■■■	fedcbd

冷色篇

Color	Show	Code
桔梗色	■■■	585eaa
紺蓝	■■■	494e8f
藤纳戸	■■■	6a6da9
葡萄鼠	■■■	63434f
古代紫	■■■	7d5886
暗红	■■■	401c44
葡萄	■■■	472d56
茄子紺	■■■	6a6da9
紫紺	■■■	411445
浓色	■■■	4b2f3d
铁紺	■■■	181d4b
蓝铁	■■■	1a2933
青褐	■■■	121a2a
褐返	■■■	0c212b
紫	■■■	8552a1
灭紫	■■■	543044
二蓝	■■■	402e4c
薄墨色	■■■	74787c
利休鼠	■■■	7c8577
铅色	■■■	72777b
灰色	■■■	77787b
钝色	■■■	4f5555
煤竹色	■■■	6c4c49
黑茶	■■■	563624
浓蓝	■■■	11264f
黑橡	■■■	3e4145
浓鼠	■■■	3c3645
墨	■■■	464547
黑	■■■	130c0e
黑铁	■■■	281f1d
蝋色	■■■	2f271d
海松色	■■■	6e6b41
鶸茶	■■■	596032
山鸠色	■■■	525f42
生壁色	■■■	5f5d46
褐色	■■■	843900
路考茶	■■■	905d1d
饴色	■■■	8a5d19
绿青色	■■■	40835e
千岁绿	■■■	2b6447
深绿	■■■	005831
萌葱色	■■■	006c54
青白橡	■■■	375830
革色	■■■	274d3d
麹尘	■■■	375830

总结

   总之通过这一次的大总结，唯一的好处就是，自己认识了很多生僻的字，也不得不服中国文化的博大精深，一个颜色都能用这么多的形式表达出来，我也是不能再醉了= =，大家可以记几个自己喜欢的颜色的HCODE，用在自己的前端中，会大大提升自己的界面美观，推荐一个：#DC143C，非常好看的红色。

【WEB】前端系统配色方案（全览）相关推荐

1. 【Web前端】配色方案（全览）

   写在前面的 暖色篇 过渡篇 冷色篇 总结 写在前面的     首先,这篇文章是WEB前端设计中经常用到的比较好看的一些颜色,当然对色盲或者色弱的小伙伴们来说那是相当不友好.因为,即使是色觉正常的人来讲 ...

2. Web前端系统学习——课程笔记（章节8-9）

   Web前端系统学习--课程笔记 课程链接:WEB前端系统学习 - 网易云课堂 参考教程:菜鸟教程 笔记链接:Web-Learn-Note 章节8 表格与表单 课时30 表格嵌套规则 样式初始化 14: ...

3. Web前端持续集成方案（四）

   五.利用jenkins实现web前端项目持续集成 上文中,我们已经介绍了利用grunt检测并打包web前端项目的方案.下面我们结合jenkins介绍 web前端项目持续集成方案. Grunt已经完成了 ...

4. 0基础转行Web前端系统的学习路线分享

   导读: 作为刚接触web前端开发或者已成为前端工程师的你,是否经常碰到以下疑问: 1.零基础从哪里开始学web前端? 2.学web前端要学习哪些语言? 3.自学web前端学的会吗? 小编今天带着你对w ...

5. Web前端技术分享：全栈工程师常用的开发工具

   全栈工程师,也叫全端工程师,是指掌握多种技能,并能利用多种技能独立完成产品的人.全栈工程师熟悉多种开发语言,同时具备前端和后台开发能力,从需求分析,原型设计到产品开发,测试,部署,发布全流程都十分熟悉 ...

6. 基于RSA的WEB前端密码加密方案

   受制于WEB页面源码的暴露,因此传统的对称加密方案以及加密密钥都将暴露在JS文件中,同样可以被解密. 目前比较好的解决方案是WEB页面全程或用户登录等关键环节使用HTTPS进行传输. 另外一种解决方案 ...

7. web前端安全机制问题全解析

   2019独角兽企业重金招聘Python工程师标准>>> 原文链接:http://ouvens.github.io/frontend-weboptimize/2016/03/20/we ...

8. web前端颜色配色大全

   所有现代浏览器均支持以下 140 种颜色名称(单击颜色名称或十六进制值,可查看将以该颜色为背景颜色以及不同的文本颜色)

9. 游戏检测到计算机性能过低配色,重装系统后提示是否更改配色方案提高性能怎么办...

   最近有用户在重装系统后在使用电脑时系统总是会提示是否更改配色方案来提高性能,用户为此感到很是苦恼,不知道该如何解决呢?下面小编就给大家介绍一下重装系统后提示是否更改配色方案提高性能的解决方法. 1.当 ...

最新文章

1. XMLHTTP中setRequestHeader参数问题
2. jQuery入口函数的四种写法【1分钟掌握】
3. 你离黑客的距离，就差这20个神器了
4. 重庆找Java开发工作_重庆【Java开发程序员】
5. CentOS 7.4 下 如何部署 AspNetCore 结合 consul
6. 天池实验室-Task03-Python入门（下）
7. C/S模型之TCP协议
8. Spring MVC EL表达式不能显示
9. VS Code 运行Vue项目
10. SPSS P小于0.05，结果真的有效吗？【SPSS 070期】
11. springcloud gateway介绍
12. SSD-tensorflow Windows环境下，mAP的计算
13. DZS与EPS Global合作，加速下一代接入基础设施在欧洲和亚洲的应用
14. Gradle慢需要6min 现在20s解决了。
15. 如何设置word的默认输入法——搜狗输入法
16. 视频工厂分享vlog拍摄技巧
17. 使用matlab绘制条形图、面积图、饼图、柱状图
18. 大众点评坐标抓取php,如何抓取（采集）大众点评网的坐标（经纬度）信息
19. 教你用rsync同步
20. 大学生HTML作业节日网页 HTML作业节日文化网页期末作业 html+css+js节日网页 HTML学生节日介绍 HTML学生作业网页视频

热门文章

1. java util包排序_实现java.util.Comparator接口，对对象集合进行多属性组合排序
2. 精准鉴别初级、中级、高级程序员，你是哪一种？
3. ULONG64转CString
4. C++中未定义标识符ULONG,UINT的报错解决方法 VS2019
5. 利用黑盒测试技术设计测试用例
6. gitee提交代码到仓库
7. 纯C语言写计算器界面
8. matlab中axis square与axis equal区别
9. 【C语言循环结构题】迭代法求平方根
10. OpenWrt路由器macvlan单线多拨的方法