Web 前端颜色值--字体--使用，整理整理
做网页时经常挑选不好颜色吧...多看看颜色值，或者自己配吧....
颜色值 CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0（十六进制 00）。最高值是 255（十六进制 FF）。 十六进制值使用三个双位数来编写，并以 # 符号开头。
下面是一些颜色值...不多不多...够用了...
|
颜色名 |
十六进制颜色值 |
颜色 |
|
颜色 |
颜色 HEX |
颜色 RGB |
|
#000000 |
rgb(0,0,0) |
|
|
#FF0000 |
rgb(255,0,0) |
|
|
#00FF00 |
rgb(0,255,0) |
|
|
#0000FF |
rgb(0,0,255) |
|
|
#FFFF00 |
rgb(255,255,0) |
|
|
#00FFFF |
rgb(0,255,255) |
|
|
#FF00FF |
rgb(255,0,255) |
|
|
#C0C0C0 |
rgb(192,192,192) |
|
|
#FFFFFF |
rgb(255,255,255) |
|
灰阶 |
HEX |
RGB |
|
#000000 |
rgb(0,0,0) |
|
|
#080808 |
rgb(8,8,8) |
|
|
#101010 |
rgb(16,16,16) |
|
|
#181818 |
rgb(24,24,24) |
|
|
#202020 |
rgb(32,32,32) |
|
|
#282828 |
rgb(40,40,40) |
|
|
#303030 |
rgb(48,48,48) |
|
|
#383838 |
rgb(56,56,56) |
|
|
#404040 |
rgb(64,64,64) |
|
|
#484848 |
rgb(72,72,72) |
|
|
#505050 |
rgb(80,80,80) |
|
|
#585858 |
rgb(88,88,88) |
|
|
#606060 |
rgb(96,96,96) |
|
|
#686868 |
rgb(104,104,104) |
|
|
#707070 |
rgb(112,112,112) |
|
|
#787878 |
rgb(120,120,120) |
|
|
#808080 |
rgb(128,128,128) |
|
|
#888888 |
rgb(136,136,136) |
|
|
#909090 |
rgb(144,144,144) |
|
|
#989898 |
rgb(152,152,152) |
|
|
#A0A0A0 |
rgb(160,160,160) |
|
|
#A8A8A8 |
rgb(168,168,168) |
|
|
#B0B0B0 |
rgb(176,176,176) |
|
|
#B8B8B8 |
rgb(184,184,184) |
|
|
#C0C0C0 |
rgb(192,192,192) |
|
|
#C8C8C8 |
rgb(200,200,200) |
|
|
#D0D0D0 |
rgb(208,208,208) |
|
|
#D8D8D8 |
rgb(216,216,216) |
|
|
#E0E0E0 |
rgb(224,224,224) |
|
|
#E8E8E8 |
rgb(232,232,232) |
|
|
#F0F0F0 |
rgb(240,240,240) |
|
|
#F8F8F8 |
rgb(248,248,248) |
|
|
#FFFFFF |
rgb(255,255,255) |
|
0000CC |
0000FF |
||||
|
0033CC |
0033FF |
||||
|
0066CC |
0066FF |
||||
|
0099CC |
0099FF |
||||
|
00CC00 |
00CC33 |
00CC66 |
00CC99 |
00CCCC |
00CCFF |
|
00FF00 |
00FF33 |
00FF66 |
00FF99 |
00FFCC |
00FFFF |
|
3300CC |
3300FF |
||||
|
3333CC |
3333FF |
||||
|
3366CC |
3366FF |
||||
|
3399CC |
3399FF |
||||
|
33CC00 |
33CC33 |
33CC66 |
33CC99 |
33CCCC |
33CCFF |
|
33FF00 |
33FF33 |
33FF66 |
33FF99 |
33FFCC |
33FFFF |
|
6600CC |
6600FF |
||||
|
6633CC |
6633FF |
||||
|
6666CC |
6666FF |
||||
|
6699CC |
6699FF |
||||
|
66CC00 |
66CC33 |
66CC66 |
66CC99 |
66CCCC |
66CCFF |
|
66FF00 |
66FF33 |
66FF66 |
66FF99 |
66FFCC |
66FFFF |
|
9900CC |
9900FF |
||||
|
9933CC |
9933FF |
||||
|
9966CC |
9966FF |
||||
|
9999CC |
9999FF |
||||
|
99CC00 |
99CC33 |
99CC66 |
99CC99 |
99CCCC |
99CCFF |
|
99FF00 |
99FF33 |
99FF66 |
99FF99 |
99FFCC |
99FFFF |
|
CC0000 |
CC0033 |
CC0066 |
CC0099 |
CC00CC |
CC00FF |
|
CC3300 |
CC3333 |
CC3366 |
CC3399 |
CC33CC |
CC33FF |
|
CC6600 |
CC6633 |
CC6666 |
CC6699 |
CC66CC |
CC66FF |
|
CC9900 |
CC9933 |
CC9966 |
CC9999 |
CC99CC |
CC99FF |
|
CCCC00 |
CCCC33 |
CCCC66 |
CCCC99 |
CCCCCC |
CCCCFF |
|
CCFF00 |
CCFF33 |
CCFF66 |
CCFF99 |
CCFFCC |
CCFFFF |
|
FF0000 |
FF0033 |
FF0066 |
FF0099 |
FF00CC |
FF00FF |
|
FF3300 |
FF3333 |
FF3366 |
FF3399 |
FF33CC |
FF33FF |
|
FF6600 |
FF6633 |
FF6666 |
FF6699 |
FF66CC |
FF66FF |
|
FF9900 |
FF9933 |
FF9966 |
FF9999 |
FF99CC |
FF99FF |
|
FFCC00 |
FFCC33 |
FFCC66 |
FFCC99 |
FFCCCC |
FFCCFF |
|
FFFF00 |
FFFF33 |
FFFF66 |
FFFF99 |
FFFFCC |
FFFFFF |
再 附上一些字体， 做网页时就 知道有什么字体可以用了...这里只有名称，字体长什么样子我也不清楚....
华文细黑：STHeiti Light [STXihei]
华文黑体：STHeiti
华文楷体：STKaiti
华文宋体：STSong
华文仿宋：STFangsong
俪黑 Pro：LiHei Pro Medium
俪宋 Pro：LiSong Pro Light
标楷体：BiauKai
苹果俪中黑：Apple LiGothic Medium
苹果俪细宋：Apple LiSung Light
新细明体：PMingLiU
细明体：MingLiU
标楷体：DFKai-SB
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微软正黑体：Microsoft JhengHei
微软雅黑体：Microsoft YaHei
隶书：LiSu
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei
英文方式的也有一些........
Arial ： font-family: Arial, Helvetica, sans-serif;
ArialBlack : font-family: ‘Arial Black’, Gadget, sans-serif;
ArialNarrow : font-family: ‘Arial Narrow’, sans-serif;
Verdana： font-family: Verdana, Geneva, sans-serif;
Georgia： font-family: Georgia, serif;
Times New Roman： font-family: 'Times New Roman', Times, serif;
Trebuchet MS： font-family: 'Trebuchet MS', Helvetica, sans-serif;
Courier New： font-family: 'Courier New', Courier, monospace;
Impact： font-family: Impact, Charcoal, sans-serif;
Comic Sans MS： font-family: 'Comic Sans MS', cursive;
Tahoma： font-family: Tahoma, Geneva, sans-serif;
Courier New： font-family: Courier, monospace;
Lucida Sans Unicode： font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
Lucida Console： font-family: 'Lucida Console', Monaco, monospace;
Garamond： font-family: Garamond, serif;
MS Sans Serif： font-family: 'MS Sans Serif', Geneva, sans-serif;
MS Serif： font-family: 'MS Serif', 'New York', sans-serif;
Palatino Linotype： font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
Symbol： font-family: Symbol, sans-serif;
Bookman Old Style： font-family: 'Bookman Old Style', serif;
Web 前端颜色值--字体--使用，整理整理的更多相关文章
- web前端达到什么水平，才能找到工作？
前端都需要学什么(可以分为八个阶段)<1>第一阶段: HTML+CSS:HTML进阶. CSS进阶.DIV+CSS布局.HTML+CSS整站开发. JavaScript基础:Js基础教程. ...
- 资深阿里程序员一一为你解刨Web前端知识体系结构，付出与收获成正比！
只要接触过前端,都会指导web前端的知识主要由三部分组成:分别为静态html,样式css,动态javascript(简称js)这三大部分组成.其三部分组成的一个体系的复杂程度不亚于其他一门技术的复杂程 ...
- 《web前端设计基础——HTML5、CSS3、JavaScript》 张树明版 简答题简单整理
web前端设计基础——HTML5.CSS3.JavaScript 简答题整理 第一章 (1)解释一下名词的含义:IP地址.URL.域名 iP定义了如何连入因特网,以及数据如何在主机间传输的标准. ...
- 整理六百篇web前端知识混总
9个有用的和免费的工具来支持动态网页开发 8个基本的引导工具的网页设计师 11款CSS3动画工具的开发 2016年某前端群题目答案参考 9最好的JavaScript压缩工具 创建响应式布局的10款优秀 ...
- 【理论面试篇】收集整理来自网络上的一些常见的 经典前端、H5面试题 Web前端开发面试题
##2017.10.30收集 面试技巧 5.1 面试形式 1) 一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2) 面试官喜欢什么样的人 ü 技术好. ...
- Web前端，HTML5开发，前端资源，前端网址，前端博客，前端框架整理 - 转改
Web前端/H5开发,前端资源,前端网址,前端博客,前端框架整理 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v ...
- 整理部分JS 控件 WEB前端常用的做成Jsp项目，方便今后直接用
整理部分JS 控件 WEB前端常用的做成Jsp项目,方便今后直接用 最近又没时间了,等用时间了,再加入更多的, 源码下载: http://download.csdn.net/detail/liang ...
- [转] Web前端开发工程师常用技术网站整理
1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试 ...
- 【编码题篇】收集整理来自网络上的一些常见的 经典前端、H5面试题 Web前端开发面试题
编写一个方法 求一个字符串的字节长度假设:一个英文字符占用一个字节,一个中文字符占用两个字节 function GetBytes(str){ var len = str.length; var byt ...
随机推荐
- python数据结构之二叉树的实现
树的定义 树是一种重要的非线性数据结构,直观地看,它是数据元素(在树中称为结点)按分支关系组织起来的结构,很象自然界中的树那样.树结构在客观世界中广泛存在,如人类社会的族谱和各种社会组织机构都可用树形 ...
- DropDownList 获取不了选择的值 这种错误
有时候做项目的时候 发现DropDownList 获取不了选择的值 这个原因很可能是 你初始化DropDownList的时候 没有进行 ispostback的判断 导致提交的时候 又初始化了一次... ...
- embarcadero radstudio xe5 正式版 下载地址
http://altd.embarcadero.com/download/radstudio/xe5/delphicbuilder_xe5_win.iso
- 定时从远程的数据库中取数据，然后把取出来的数据插入或更新本地的oracle数据库的表
最近项目中有一种需求: 大致需求是这样的 通过给定的 用户名和密码 要定时从远程的数据库中取数据,然后把取出来的数据插入或更新本地的oracle数据库的表 项目的结构式struts1 hibernat ...
- C# Like参数化 小记
strBuilder.Append(" and b.name like '%' + @name + '%'"); parameters.Add(new SqlParameter(& ...
- 实现 Dispose 方法
实现 Dispose 方法 MSDN 类型的 Dispose 方法应释放它拥有的所有资源.它还应该通过调用其父类型的 Dispose 方法释放其基类型拥有的所有资源.该父类型的 Dispose 方法应 ...
- arcgis ERROR：000824 该工具未获得许可
当时上面还说点击000824进入帮助文档,它说是由于扩展功能未勾选,于是我勾上,结果还是不行,后来它说可能是没有许可,于是我把license重新授权了一遍,结果,还是不行 其实,解决方法是在catal ...
- 从今天起，记录CEF使用开发心得经验
已经使用CEF来呈现桌面程序界面大半年了,从来没有写过相关博文.发现网上的中文资料甚至英文已经无法满足我的开发需求,不少问题只得自己探索.在此先谢过网络上各位CEF使用开发博文的贡献者,没有你们我也难 ...
- 用 Python 通过马尔可夫随机场（MRF）与 Ising Model 进行二值图降噪
前言 这个降噪的模型来自 Christopher M. Bishop 的 Pattern Recognition And Machine Learning (就是神书 PRML……),问题是如何对一个 ...
- Android样式的开发:drawable汇总篇
Android有很多种drawable类型,除了前几篇详细讲解的shape.selector.layer-list,还有上一篇提到的color.bitmap.clip.scale.inset.tran ...