出自 HTML4 规范的可用颜色字符串值列表(常用颜色名称及对应的十六进制值)
据称由于 HTML5 没有修改专属的颜色,HTML4 的颜色都可以在 HTML5 中正确显示。
出自 HTML4 规范的可用颜色字符串值列表如下,此表来源是 http://www.lovean.com/view-3-132910-0.html , 我把原表中的“石灰色”修改成了“青柠色”,因为这更符合该颜色的原意(原表中把lime翻译成石灰色不知怎么回事)。另外原表是图片格式的,不方便拷贝,下表是文本格式的,可以直接拷贝使用。
| 序号 | 汉字名称 | 英语名称 | 十六进制颜色值 |
| 1 | 黑色 | black | #000000 |
| 2 | 绿色 | green | #008000 |
| 3 | 银色 | silver | #c0c0c0 |
| 4 | 青柠色 | lime | #00ff00 |
| 5 | 灰色 | gray | #808080 |
| 6 | 白色 | white | #ffffff |
| 7 | 黄色 | yellow | #ffff00 |
| 8 | 栗色 | maroon | #800000 |
| 9 | 海蓝色 | navy | #000080 |
| 10 | 红色 | red | #ff0000 |
| 11 | 蓝色 | blue | #0000ff |
| 12 | 紫色 | purple | #800080 |
| 13 | 蓝深绿色 | teal | #008080 |
| 14 | 紫红色 | fuchsia | #ff00ff |
| 15 | 浅蓝绿色 | aqua | #00ffff |
因为网络文章不是那么可信,有必要自己验证一下,于是我将这些颜色在Canvas里显示了一下,确定没有问题,显示效果如下:

显示这些颜色的代码如下:
<!DOCTYPE html>
<html lang="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
<title>出自 HTML4 规范的可用颜色字符串值列表</title>
</head>
<body onload="draw()">
<canvas id="myCanvus" width="240px" height="470px" style="border:1px dashed black;">
出现文字表示你的浏览器不支持HTML5
</canvas>
</body>
</html>
<script type="text/javascript">
<!--
function draw(){
var canvas=document.getElementById('myCanvus');
canvas.height=470;
canvas.width=240;
var context=canvas.getContext('2d');
context.fillStyle = "#88aacc";
context.fillRect(0, 0, canvas.width, canvas.height);
var colors=[
{'title':'黑色', 'name':'black','hex':'#000000'},
{'title':'绿色', 'name':'green','hex':'#008000'},
{'title':'银色', 'name':'silver','hex':'#c0c0c0'},
{'title':'青柠色', 'name':'lime','hex':'#00ff00'},
{'title':'灰色', 'name':'gray','hex':'#808080'},
{'title':'白色', 'name':'white','hex':'#ffffff'},
{'title':'黄色', 'name':'yellow','hex':'#ffff00'},
{'title':'栗色', 'name':'maroon','hex':'#800000'},
{'title':'海蓝色', 'name':'navy','hex':'#000080'},
{'title':'红色', 'name':'red','hex':'#ff0000'},
{'title':'蓝色', 'name':'blue','hex':'#0000ff'},
{'title':'紫色', 'name':'purple','hex':'#800080'},
{'title':'蓝深绿色','name':'teal','hex':'#008080'},
{'title':'紫红色', 'name':'fuchsia','hex':'#ff00ff'},
{'title':'浅蓝绿色', 'name':'aqua','hex':'#00ffff'},
];
var x=10;
var y=0;
// 遍历JSON
for(var i=0; i<colors.length; i++)
{
y+=30;
var color=colors[i];
//alert(color.title+" -" + color.name+" -" + color.hex)
context.font="bold 16px 宋体";
context.fillStyle=color.name;
context.fillText(color.title+"," + color.name+" ," + color.hex ,x,y);
}
};
//-->
</script>
2017年9月5日09:02:35
出自 HTML4 规范的可用颜色字符串值列表(常用颜色名称及对应的十六进制值)的更多相关文章
- python3 字符串与列表常用功能
一.字符串常用功能 1. capitalize(),将字符串的首字母变成大写,其余全部置为小写:如果字符串中有多个单词,也只是将第一个单词的首字母置为大写:例: >>> name = ...
- python 数字、字符串、列表常用函数
一.数字的标准类型: cmp():比较两个数的大小:返回值(-1,0,1). str():数字转化成字符串. type():返回数字类型. 转换工厂函数: int(obj,base=10) long( ...
- XmlException: 名称不能以“<”字符(十六进制值 0x3C)开头
svn 版本冲突引起的: 产看config 文件里面的内容是否冲突,这个问题可能和代码无关
- [Swift通天遁地]五、高级扩展-(10)整形、浮点、数组、字典、字符串、点、颜色、图像类的实用扩展
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
- 将十六进制的颜色字符串转为UIColor
扩展UIColor,将十六进制的颜色字符串转成UIColor对象. extension UIColor { static func colorWithHexString(hex:String) -&g ...
- 常用icon以及color颜色RGB值和对应颜色效果图
Android谷歌官方扁平化设计常用icon集合 Android谷歌官方扁平化设计color颜色RGB值和对应颜色效果图.
- 【转】YUV值对应的颜色
版权声明:本文为博主原创文章,未经博主允许不得转载.欢迎大家积极评论,博主会一一答复! 最近有人在网上问我,YUV的值对应的颜色是如何的 下面给出YUV值对应的颜色关系 256张图512x512,每张 ...
- .net MVC 使用 JSON JavaScriptSerializer 进行序列化或反序列化时出错,字符串的长度超过了为 maxJsonLength 属性设置的值
在.net mvc的controller中,方法返回JsonResult,一般我们这么写: [HttpPost] public JsonResult QueryFeature(string url, ...
- C# GetValueList 获得字符串中开始和结束字符串中间得值列表
/// <summary> /// 获得字符串中开始和结束字符串中间得值列表 /// </summary> /// <param name="styleCont ...
随机推荐
- RESTful-rest_framework应用第一篇
一:了解RESTful 主要是做前后端分离用的,RESTful只做后台数据和接口,供外面去调用. REST是Representational State Transfer的简称,中文翻译为“表征状态转 ...
- 【转】unity自带寻路Navmesh入门教程(一)
http://liweizhaolili.blog.163.com/blog/static/16230744201271161310135/ 说明:从今天开始,我阿赵打算写一些简单的教程,方便自己日后 ...
- call、apply与bind在理解
call() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法. fun.call(thisArg[, arg1[, arg2[, ...]]]) apply() 方法 ...
- 第四篇:python基础_4
本篇内容 名称空间与作用域 闭包函数 装饰器 迭代器 生成器 三元表达式 列表解析 生成器表达式 一. 名称空间与作用域 1.名称空间 存放名字的地方,准确的说名称空间是存放名字与变量值绑定关系的地方 ...
- mapserv和mapserv.exe的区别
哎,困扰了我这么久才知道一个是在unix环境下的,一个是在windows环境下的
- BZOJ 1975 魔法猪学院(A*+手写堆)
1975: [Sdoi2010]魔法猪学院 Time Limit: 10 Sec Memory Limit: 64 MB Submit: 1941 Solved: 595 [Submit][Sta ...
- [openjudge6043]哆啦A梦的时光机
[openjudge6043]哆啦A梦的时光机 试题描述 哆啦A梦有一个神奇的道具:时光机.坐着它,大雄和他的伙伴们能穿越时空,回到过去或者去到未来. 有一天,大雄和他的伙伴们想穿越时空进行探险,可是 ...
- Java EE 学习(4):IDEA + maven 搭建 web(2)
参考:http://www.bubuko.com/infodetail-1855067.html 现使用 Maven 创建项目:本节接Java EE 学习(3):IDEA + maven 搭建 web ...
- hdu 2732 Leapin' Lizards 最大流 拆点 建图
题目链接 题意 给定一张网格,格子中有些地方有柱子,有些柱子上面有蜥蜴. 每个柱子只能承受有限只蜥蜴从上面经过.每只蜥蜴每次能走到相距曼哈顿距离\(\leq k\)的格子中去. 问有多少只蜥蜴能走出网 ...
- eWebEditor不支持IE7以上版本Bug修改
修改: \Include\Editor.js //把此行 if (element.YUSERONCLICK) eval(element.YUSERONCLICK + "anonymous() ...