Web- HTML网页颜色大全
按色相的搭配分类
列举一些最为代表常见的颜色值，让你能快速的找到自己想要的代码
红色
#FFFFCC#CCFFFF#FFCCCC
#99CCCC#FFCC99#FFCCCC
#FF9999#996699#FFCCCC
#CC9999#FFFFCC#CCCC99
#FFCCCC#FFFF99#CCCCFF
#0099CC#CCCCCC#FF6666
#FF9966#FF6666#FFCCCC
#CC9966#666666#CC9999
#FF6666#FFFF66#99CC66
#CC3333#CCCCCC#003366
#993333#CCCC00#663366
#CCCC99#666666#CC9999
#FF6666#FFFF00#0066CC
#CC0033#333333#CCCC00
#336633#990033#FFCC99
#993333#CC9966#003300
#FF0033#333399#CCCC00
#CC0033#000000#003399
#000000#99CC00#CC0033
#999933#993333#333300
橙色
#FFCC99#FFFF99#99CC99
#FFCC99#CCFF99#CCCCCC
#FFCC99#FFFFCC#99CCFF
#FF9966#FFFFCC#99CC99
#FF9900#FFFFCC#336699
#CCCC33#FFFF99#CC9933
#996600#FFCC33#FFFFCC
#FFFFCC#CC9933#336666
#FF9900#FFFF00#0099CC
#99CC33#FF9900#FFCC00
#FF9933#99CC33#CC6699
#FF9933#FFFF00#3366CC
#FF9933#FFFFCC#009966
#FF6600#FFFF66#009966
#990033#CCFF66#FF9900
#FF9966#996600#CCCC00
#CC6600#999999#CCCC33
#CC6600#CCCC33#336699
#000000#FF9933#999966
#663300#FF9933#FFFF66
黄色
#FFFFCC#CCFFFF#FFCCCC
#FFFF00#FFFFFF#CCCC00
#99CCFF#FFCC33#FFFFCC
#FFFF33#99CCFF#CCCCCC
#FFFF00#FFFFFF#9933FF
#99CCFF#FFCC33#FFFF33
#FFCC00#66CC00#FFFF99
#FF9900#FFFF00#0099CC
#FFCC00#0000CC#FFFF99
#CC9999#FFFFCC#6666CC
#999933#FFFFCC#CC99CC
#CCCC00#666600#FFFF66
#FF9966#FFFFCC#99CC99
#FFCC33#FFFFCC#999966
#FFCC99#FF6666#FFFF66
#FFCC99#999966#FFFF00
#FFFF99#99CC99#666600
#999966#FFFF99#333333
#006633#333300#CCCC99
#006633#663300#CCCC66
黄绿色
#33CC33#6666CC#FFFFFF
#CCCC33#FFFFFF#CCFFCC
#FFCC99#CCFF99#CCCCCC
#CCCC00#999966#FFFFCC
#CCCC33#FFFFFF#336699
#CCCC33#999999#CCFFFF
#00CC00#0066CC#99CCCC
#99CC33#FF9900#FFCC00
#99CC33#CCCCFF#663300
#CCCC33#993399#000000
#CC6600#999999#CCCC33
#CC9933#FFFF99#99CC99
#669933#CCCC33#663300
#99CC33#CCCCCC#000000
#CC6600#CCCC33#336699
#666600#CCCC66#CCFFCC
#333366#99CC33#336699
#666666#99CC33#003366
#003333#99CC33#999999
#996633#FFFF99#99CC66
绿色
#009966#FFFFFF#FFFF00
#339933#FFFFFF#9933CC
#339933#FFFFFF#000000
#339933#99CC00#FFFFCC
#FFFFCC#CCCC66#336666
#99CC33#FFFF66#336600
#339933#CC9900#666666
#339966#CCCCCC#003366
#669933#CCCCCC#000000
#339933#CCCCCC#6699CC
#006633#CCCC33#CC9933
#339933#666633#CCCC66
#339933#FFCC33#336699
#006633#669933#99CC99
#336666#996633#CCCC33
#003300#669933#CCCC99
#006633#990033#FF9900
#006633#333300#CCCC99
#006633#663300#CCCC66
#993333#CC9966#003300
青绿色
#CCFF99#FFFFFF#66CCCC
#339999#FFFFFF#99CCFF
#66CC99#FFFFFF#666699
#009999#66CCCC#CCFFFF
#66CCCC#CCFF66#FF99CC
#339999#FFFF00#336699
#CC9933#339999#FFCC33
#FFCC00#009999#CC3333
#669999#CCCCCC#CC99CC
#339999#CCCCCC#000000
#339999#666699#CCCCCC
#003333#99CC99#FFFFCC
#669999#CCFFCC#996699
#996699#CCCC99#669999
#999966#CCCC99#339999
#336666#669999#CCCC99
#999999#003366#669999
#663333#339999#CCCC66
#333333#339999#CCFFCC
#336666#3399CC#666666
蓝色
#FFFFCC#CCFFFF#FFCCCC
#99CCCC#FFFFFF#3399CC
#CCFFCC#99CCCC#FFFFCC
#CCCCFF#FFFFFF#99CCFF
#FFCC99#FFFFCC#99CCFF
#336699#FFFFFF#99CCCC
#99CCCC#FFFFFF#CCFF99
#CCCCFF#FFFFCC#CCFFFF
#99CCCC#FFFFFF#336699
#99CCFF#CCFFFF#6699CC
#99CC33#FFFFFF#3399CC
#0099CC#FFFFCC#666699
#CCCCCC#003366#99CCFF
#0099CC#FFFFFF#666666
#CCCCCC#6699CC#666666
#336699#CCCC99#003366
#3399CC#003366#CCCCCC
#6699CC#006699#000000
#003366#CCCCCC#006699
#999933#336699#333333
蓝紫色
#CCFFFF#FFFFFF#CCCCFF
#CCCCCC#FFFFFF#666699
#99CCFF#FFFFFF#333399
#6666CC#FFFFFF#FF9999
#9999FF#FFCC33#FFFFCC
#0099CC#FFFFCC#666699
#0000FF#6699FF#CCFFFF
#6666FF#66CCFF#CCFF66
#669999#FFFFCC#6666CC
#9999CC#FF9999#666699
#003399#FFCCCC#6699CC
#CC6666#333399#CCCC00
#000066#6666FF#CCCCCC
#003399#CCFF99#333333
#333366#CC0033#CCCCCC
#336699#CCCC66#333300
#003399#FFFF99#000000
#990066#CCCC33#003399
#CC3333#000000#003399
#333366#999966#333333
紫色
#FFFFCC#FFFF99#CCCCFF
#9999CC#99CC99#FFFFFF
#FFCCCC#CCCCFF#CCCC99
#9999CC#FFFFCC#FFCCCC
#FFCCCC#FF99CC#CCCCFF
#660066#FFFFFF#663333
#CCCC99#333333#9966CC
#CCCC00#FF9966#663399
#996699#FFCCCC#CC99CC
#996666#CC99CC#FFCCCC
#FFCC99#FF9933#663366
#333399#CCCCFF#CC99CC
#663366#CCCCCC#CC99CC
#996699#9999CC#CCCCFF
#CC9966#999999#663366
#330033#666666#669999
#CCCCCC#999999#663366
#FF33CC#CCCC99#663366
#663366#999999#CCCCFF
#999966#993333#330033
紫红色
#FFCCCC#FFFFFF#99CC00
#FF99CC#FFFFFF#993366
#66CC99#FFFFFF#CC6699
#CC9999#FFCCCC#CC99CC
#FFCCCC#FFFF99#CCCCFF
#FFFF99#993399#FF99CC
#66CCCC#CCFF66#FF99CC
#FF99CC#003399#CCCC00
#FFCCCC#FF99CC#CCCCFF
#FF9999#FFCCCC#FF99CC
#669966#CC6699#FFCCFF
#CCCCCC#CC99CC#CC3399
#CC3399#FFCC99#FF6666
#FF3399#CCCC99#663366
#663366#FFFFCC#FFCCCC
#663366#CCCCCC#CC99CC
#990066#FFCC00#CC0033
#990066#CCCCCC#006699
#999900#990033#000000
#990066#000000#009966
按印象的搭配分类
颜色的搭配在很多人眼中往往觉得很复杂，其实网页颜色的搭配取决于各人的想法，经历，和见解，演示能反应人的喜怒哀乐，也能同时赋予浏览器同样的情感，给人能第一眼带来什么感觉，是每个设计师搭配颜色前的思路…… 世间颜色千变万化，搭配起来的视觉感受也千变万化，能不能抓住浏览用户的第一眼球，就看你的了……
柔和、明亮、温柔
#FFFFCC#CCFFFF#FFCCCC
#FFCCCC#FFFF99#CCCCFF
#FF9966#FF6666#FFCCCC
#FFCC99#CCFF99#CCCCCC
#FFCCCC#CCCCFF#CCFFCC
#CCFFFF#CCCCCC#CCFF99
#FFCCCC#FFFFFF#99CC99
#99CCCC#FFCC99#FFCCCC
#CCCCFF#FFCCCC#CCFFFF
#FFCC99#FFFFCC#99CCCC
柔和、洁净、爽朗
#CCFF99#FFFFFF#99CCFF
#99CCCC#FFFFFF#CCFF99
#CCFFCC#FFFFFF#66CCCC
#CCCCFF#FFFFFF#99CCCC
#CCFFCC#99CCCC#FFFFCC
#CCFFFF#FFFFFF#CCCCFF
#CCFFFF#FFFFFF#99CCFF
#66CCFF#FFFFFF#CCFFFF
#6699CC#FFFFFF#99CCFF
#CCCCFF#FFFFFF#99CCFF
可爱、快乐、有趣
#66CCCC#CCFF66#FF99CC
#FF9999#FFFFFF#FFCC99
#FF6666#FFFF66#99CC66
#666699#FFFFFF#FF9999
#99CC33#FF9900#FFCC00
#FF0033#FFFFFF#FF9966
#FF9900#CCFF00#CC3399
#99CC33#FFFFFF#FF6600
#993366#CCCC33#666633
#66CCCC#FFFFFF#666699
活泼、快乐、有趣
#CC9999#FFFF99#666699
#FF9900#FFFF00#0099CC
#CCCC99#CC3399#99CC00
#FF6666#FFFF00#3399CC
#CC6600#999999#CCCC33
#FF9933#FFFFCC#009933
#0099CC#CCCCCC#FF6666
#FF6600#FFFF66#009966
#CC6633#FFCC99#CC6600
#CC0066#009999#FFCC33
运动型、轻快
#FF6666#FFFF00#006699
#FF9966#FFFFFF#0066CC
#339933#FFCC33#336699
#FF9900#FFFFCC#336699
#CC6600#CCCC44#336699
#99CC33#FFFFFF#0099CC
#99CC33#FF6666#336699
#336699#FFFFFF#99CCCC
#FF0033#333399#CCCC00
#33CC99#FFFF00#336699
轻快、华丽、动感
#990066#FFCC00#CC0033
#FFCC33#333399#FF0033
#666699#FFFF00#FF0033
#FF0033#006699#FFFF33
#FFCC00#009999#CC3366
#FF0033#CCCC00#006699
#CCCC00#FF9933#663399
#FF9933#FFFF00#336699
#CC3333#FFCCCC#99CC00
#003399#FFFF00#FF6600
狂野、充沛、动感
#990066#FFFF00#003399
#CC0033#000000#003399
#003399#FFFF00#F00000
#CC3333#CCCCCC#003366
#CC0033#333333#CCCC00
#000000#99CC00#CC0033
#FF0033#333333#FF9900
#990066#000000#009966
#666666#FF6600#333333
#993333#CCCC00#663366
华丽、花哨、女性化
#FFFF99#993399#FF99CC
#FF6666#FFFFFF#339999
#FF99CC#003399#CCFF00
#66CC99#FFFFFF#CC6699
#CC3399#FFCC99#FF6666
#FFCCCC#FFFFFF#993366
#CC6699#FFFF00#666699
#CC6699#99CC66#663366
#FF33CC#CCCC99#663366
#CC3399#FFCC99#FF6666
回味、女性化、优雅
#CCCCCC#CC99CC#CC3399
#FFCCCC#FF99CC#CCCCFF
#CC3399#9933CC#CC99CC
#9999CC#FFFFCC#FFCCCC
#663366#CCCCCC#CC99CC
#FF9999#FFCCCC#FF99CC
#996666#CC99CC#FFCCCC
#CC9999#CCCCCC#FFCCCC
#FF9999#996699#FFCCCC
#996699#FFCCCC#CC99CC
高尚、自然、安稳
#CCCC33#FFFF99#CC9933
#CC9966#CCCC66#669999
#FF9966#996600#CCCC00
#CCCC66#660033#CC6600
#CCCC00#666600#CCCCFF
#CC9933#009999#FFCC33
#999966#CCCC99#339999
#99CC99#669933#336633
#666633#999933#CC9966
#660000#CC9900#CCCC99
冷静、自然
#FFFF99#99CC99#666600
#996633#FFFF99#99CC66
#006600#66CC66#CCFF99
#666600#CCCC66#CCFFCC
#669933#CCCC33#663300
#666633#999933#CC9966
#003300#669933#CCCC99
#006633#663300#CCCC66
#666600#FFFFCC#999999
#006633#333300#CCCC99
传统、高雅、优雅
#999933#FFFFCC#CC99CC
#CC9966#666666#CC9999
#CCCC99#333333#9966CC
#CCCC99#666666#CC9999
#996699#CCCC99#669999
#CC9966#999999#666666
#339966#CCCCCC#996699
#663366#999999#CCCCFF
#996699#9999CC#CCCCFF
#CCCC99#999999#663300
传统、稳重、古典
#6699CC#663366#CCCC99
#990033#CCFF66#FF9900
#666699#660033#99CC99
#663300#FF9933#FFFF66
#990033#006633#CCCC00
#660033#999933#660099
#993366#CCCC33#666633
#996600#CCCC66#666600
#009933#CC9900#666666
#666633#CCCC33#CC3366
忠厚、稳重、有品位
#FFFFCC#CC9933#336666
#336666#996633#CCCC33
#336633#990033#FFCC99
#333366#669999#996600
#993333#CC9966#003300
#336633#CCCC99#333366
#663300#999933#333333
#663366#666666#333366
#999900#990033#CC99CC
#333366#990033#CCCCCC
简单、洁净、进步
#CCCCCC#FFFFFF#666699
#CCFF66#FFFFFF#003366
#99CCFF#FFFFFF#336699
#CCCC33#FFFFFF#336699
#0099FF#FFFFCC#666699
#99CC33#CCCCCC#000000
#CCCCCC#003366#99CCFF
#0099CC#CCFF66#666666
#3399CC#003366#CCCCCC
#ABCDEF#ABCDEF#ABCDEF
简单、时尚、高雅
#99CCFF#FFFF66#666666
#336666#FFFFFF#999999
#0099CC#FFFFFF#666666
#999999#CCCCCC#336666
#CCCCCC#999999#663366
#666666#CCCCCC#6699CC
#999999#FFFFFF#333366
#669999#CCCCCC#666666
#999999#CCCCCC#333333
#ABCDEF#ABCDEF#ABCDEF
简单、进步、时尚
#333366#99CC33#336699
#999999#003366#669999
#003399#CCFF99#333333
#999933#336699#333333
#666666#99CC33#003366
#999999#336699#333333
#3366CC#CCCC66#333300
#6699CC#006699#000000
#003366#CCCCCC#006699
#000000#999999#003366
Web- HTML网页颜色大全的更多相关文章
- web前端网页特效大全导航列表
CSS3和Html5 图表与图形 表单验证 导航菜单 table选项卡 视频播放器 日期和时间 返回顶部 图层代码 滚动代码 幻灯片 文字特效 图片放大镜 juqery焦点图 瀑布流 广告悬浮代码 在 ...
- HTTP网页错误代码大全带解释
HTTP网页错误代码大全带解释 HTTP 400 - 请求无效HTTP 401.1 - 未授权:登录失败HTTP 401.2 - 未授权:服务器配置问题导致登录失败HTTP 401.3 - ACL 禁 ...
- 【转】手机web——自适应网页设计（html/css控制）
手机web——自适应网页设计(html/css控制) 就目前形势来看,Web App 正是眼下的一个趋势和潮流,但是,对于Web App的设计可能大家有的不是很了解,下面就将整理好的网页设计的技巧奉献 ...
- web前端知识体系大全【转载】
自己总结的web前端知识体系大全[欢迎补充] 1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在 ...
- CooMark网页颜色取色表
CooMark网页颜色取色表 艾利斯兰 - #F0F8FF - aliceblue 古董白 - #FAEBD7 - antiquewhite 浅绿色 - #00FFFF - aqua 碧绿色 - #7 ...
- 手机web——自适应网页设计（html/css控制） - 51CTO.COM
body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI ...
- 在ASP.NET MVC里对Web Page网页进行权限控制
我们在ASP.NET MVC开发时,有时候还是得设计ASP.NET的Web Page网页(.aspx和.aspx.cs),来实现一些ASP.NET MVC无法实现的功能,如此篇<Visual S ...
- java简单web爬虫(网页图片)
java简单web爬虫(网页图片)效果,执行main()方法后图片就下载道C盘的res文件夹中.没有的话创建一个文件夹代码里的常量根据自己的需求修改,代码附到下面. package com.sinit ...
- csdn左侧个人栏目美化，css英文颜色大全，跑马灯效果，点击转到qq联系，点击转到发送邮件。
跑马灯效果: <a href="http://mmmmmm.me" target="_blank"><marquee><font ...
随机推荐
- 97. Interleaving String
题目: Given s1, s2, s3, find whether s3 is formed by the interleaving of s1 and s2. For example,Given: ...
- 117. Populating Next Right Pointers in Each Node II
题目: Follow up for problem "Populating Next Right Pointers in Each Node". What if the given ...
- CF339
C. Xenia and Weights 有1...10k的砝码,在天枰上,左右轮流放置砝码,要求之后左右轮流比另一侧重量要大,要求相邻两次砝码不能相同. 解题报告给出(i,j,k)表示balance ...
- Android 解析XML
public void getXML(String url) throws XmlPullParserException,IOException,URISyntaxException { String ...
- Weak Event Patterns
https://msdn.microsoft.com/en-US/library/aa970850(v=vs.100).aspx In applications, it is possible tha ...
- Red hat Linux(Centos 5/6)安装R语言
Red hat Linux(Centos 5/6)安装R语言1 wget http://cran.rstudio.com/src/base/R-3/R-3.0.2.tar.gz2 tar xzvf R ...
- 异步加载DOM造成的高度问题造成iScroll不能滚动
今天在使用iscroll4 做一个简单触屏滚动demo,发现上下拖动的时候总是会回弹,不能看到下面的内容.这个问题苦恼了很久,终于解决,下来就分享一下: 我的需求是这样的: 1.获取json数据app ...
- [swustoj 1097] 2014
2014(1097) 问题描述 今年是2014年,所以小明喜欢2014的每一位数字(即:2,0,1,4),小明想知道在区间[l,r](包括l和r)中有多少个数中含有这4个数字(数字无前缀零). 输入 ...
- hibernate注解影射表
@MappedSuperclass的用法 用在实体的继承过程中的父类上: 父类Cat package com.xj.model; import javax.persistence.GeneratedV ...
- 【转】Android.mk文件语法规范（Android.mk File）
原文网址:http://blog.csdn.net/smfwuxiao/article/details/8530742 1.Android.mk文件概述 Android.mk文件用来告诉NDK编译系统 ...