Web- HTML网页颜色大全
2024-04-24 13:07:31
按色相的搭配分类
列举一些最为代表常见的颜色值，让你能快速的找到自己想要的代码
红色
#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
转载于:https://www.cnblogs.com/cxeye/p/4098887.html
Web- HTML网页颜色大全相关推荐
- 全栈 - 20 Web 基础 网页的血肉 CSS
这是全栈数据工程师养成攻略系列教程的第二十期:20 Web基础 网页的血肉CSS. HTML决定了网页中包含哪些内容,而CSS则决定了这些内容所呈现的样式. 什么是CSS CSS全拼是Cascadin ...
- 颜色代码对照表、网页颜色选择器
颜色代码对照表.网页颜色选择器 2006-12-04 20:47:28| 分类: 博客教程 | 标签:博客 教程 |举报|字号 订阅 颜色代码大全 网页颜色选择器 ffff00 ffff33 ...
- 怎么在火狐中调试html,如何利用火狐浏览器开发工具调试网页颜色搭配？
如何利用火狐浏览器开发工具调试网页颜色搭配?如果你对网站的整体颜色不满意,完全可以在火狐浏览器的Web开发工具中使用查看器来调整预期的效果,再将色码实施到该位置,这样就可以很方便的处理颜色调试问题. ...
- 2019年最新出搜索引擎蜘蛛网页爬虫大全
2019年最新出搜索引擎蜘蛛网页爬虫大全分享,各大seo引擎搜索的蜘蛛会一次又一次访问爬取我们站点的文章内容,也会耗费一定的站点流量: 有时候就必须屏蔽一些蜘蛛浏览我们的站点,文章尾部会讲解决方案: ...
- * web H5 网页 浏览器 蓝牙 Bluetooth
文章目录 2022/1/18 更新说明 目标 介绍 背景 Bluetooth Low Energy (BLE) Generic Attribute Profile (GATT) WebBluetoot ...
- Web大学生网页作业成品 基于HTML+CSS+JavaScript (刘德华9页 )
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 个人博客网站 | 个人主页介绍 | 个人简介 | 个人博客 ...
- 敲代码时如何快速移动光标_HTML网页代码大全
HTML网页代码大全 1)贴图:>img src="图片地址"< 2)加入连接:>a href="所要连接的相关地址"/a< 1)贴图: ...
- web端 网页端分享功能的实现
思路 web端 网页端分享功能的实现. 我们看微信的分享开发者文档,可以知道使用微信JS-SDK可以实现网页在微信里的分享. 微信JS-SDK说明文档 也就是说 在微信浏览器中打开的网页 才能调用 该 ...
- 在ASP.NET MVC里对Web Page网页进行权限控制
我们在ASP.NET MVC开发时,有时候还是得设计ASP.NET的Web Page网页(.aspx和.aspx.cs),来实现一些ASP.NET MVC无法实现的功能,如此篇<Visual S ...
最新文章
- WordPress开发之WP Custom Register Login插件试用
- 在数组中查找指定元素_剑指 offer 第一题： 二维数组中的查找
- AI入门：不用任何公式把推荐系统讲清楚
- 常用公差配合表图_模具设计，常用模具零件选用
- CSS3动画@keyframes中translate和scale混用出错问题
- [Java基础][Java]toString()方法
- c语言作业重庆科技学院,C语言程序设计学生上机报告-NO3.doc
- Redis:05---键的基本命令（下） 生存周期
- 领域应用 | 偷偷告诉你，那些二次元萌妹都有个叫知识图谱的爸爸
- STM32 ESP8266和Java服务器透传模式下的双向通信
- 【进阶修炼】——改善C#程序质量(9)
- FreeSWITCH（二） - 安装部署、试用
- 《Qt 5/PyQt 5实战指南》目录
- 创业成功第一步：写好商业计划书 第三章习题答案
- python实现爬取网易云音乐评论，并且将评论信息存储到pymysql
- 信号处理基础-matlab-wavread-audioread
- Unity小游戏教程系列 | 创建小型太空射击游戏（三）
- 什么是海外DDoS高防？
- GitHub快速上手指南
- 庄子 汝身非汝有也。
热门文章
- java注册头像_注册页面头像上传的实现(javaweb相关)
- 离线地图显示连接服务器未打开,如何在uwp中使用OSM离线地图？没有可用的互联网连接时出现问题...
- echarts词云图形状_用Python 3.8绘制词云图就这么20行代码
- 花体英文字帖pdf可打印_考研政治 | 马原24个主观题答题原理！PDF可打印！
- linux内核2018,CVE-2018-1000001 linux kernel
- centos 安装java_在CentOS8上编译安装开源EDA工具——Surelog
- sklearn 学习曲线Learning Curve和 validation_curve
- linux文件名中文乱码解决
- java高并发（十八）线程池
- 中国版“微软”要来了？某国产操作系统称已可以替代Windows 7