`

css color keyword

阅读更多

 

css2.1 规范中定义的颜色关键字总共有 17种,总结了一下,以便于我们在项目种进行合理颜色搭配的选择。

 

keyword        16进制值

aqua       #00ffff  浅绿色

black      #000000  黑色 

blue       #0000ff  蓝色

fuchsia    #ff00ff  紫红色

gray       #808080  灰色

green      #008000  绿色

lime       #00ff00  绿黄色

maroon     #800000  绛紫色,板栗色

navy       #000080  深蓝色

olive      #808000  橄榄色

orange     #ffa500  橙色

purple     #800080  紫色

red        #ff0000  红色

silver     #c0c0c0  银白色

teal       #008080  青色

white      #ffffff  白色

yellow     #ffff00  黄色

 

下面是颜色对照效果图



 

更多颜色 

CSS Color References

  • 大小: 11 KB
分享到:
评论

相关推荐

    postcss-color-converter:PostCSS插件可在HEX,RGB,HSL和关键字颜色格式之间转换颜色

    安装$ npm install postcss-color-converter用法// dependenciesvar fs = require ( "fs" )var postcss = require ( "postcss" )var colorConverter = require ( "postcss-color-converter" )// css to be ...

    closest-color-keyword

    var keyword = require ( 'closest-color-keyword' ) ; var name = keyword ( '#f00' ) ; // 'red' 选项 basic 默认假 从返回一个关键字以获得更简单的名称。 var name = keyword ( '#228b22' , { basic : true ...

    css-console:一个让node支持%c的console库

    CSS Console ... background-color: keyword color: hex color: keyword background: hex (仅支持背景颜色) background: keyword (仅支持背景颜色) text-decorator: underline font-weight: bold

    color-convert:JavaScript中的纯色转换功能

    它在rgb , hsl , hsv , hwb , cmyk , ansi , ansi16 , hex字符串和CSS keyword s之间进行所有转换(将四舍五入到最接近): var convert = require ( 'color-convert' ) ;convert . rgb . hsl ( 140 , 200 ,...

    parse-color:解析一个css颜色字符串加上`hsv()`和`cmyk()`

    解析颜色解析以及hsv()和cmyk()字符串例子var parse = require ( 'parse-color' ) ;console . log ( parse ( process . argv [ 2 ] ) ) ; 输出: $ node example/parse.js '#ffa500'{ rgb: [ 255, 165, 0 ], hsl: [ ...

    asp.net操作数据库竟这样简单

    <style type="text/css"> .page_size_first_page{text-decoration:none;font-size:13px;color:black;} .page_size_prev_page{text-decoration:none;font-size:13px;color:black;} .page_size_next_page{text-...

    Learn by Example: JavaScript for Front-End and Mobile App Development

    Each section takes the reader along in an intuitive and easy to follow step-by-step manner with clear color images and screenshots, all the way from newbie to advanced. Practical Examples and ...

    在线网上航空订票系统

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <td width="760" height="150"><jsp:include page=...

    验证码下载jsp

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> //设置页面不缓存 response.setHeader("Pragma","No-...

    colorinterpreter:一个用于解析和转换浏览器颜色字符串的JS模块

    色彩解释器 一个用于解释和输出浏览器颜色字符串的javascript模块。 从汲取灵感,ColorInterpreter支持以下浏览器颜色字符串: 十六进制 HEXA(具有alpha值的十六进制) 红绿蓝 ...var Color = Color

    人事信息管理系统

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <style type="text/css"> </style> ; width:100%; ...

    ajax、mysql、jstl实现分页、局部刷新界面

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> var xmlhttp; function loadXMLDoc(url,cfun) { // alert(...

    图库新版jQuery焦点图 JS代码

    // ad function dy(code) { var ojs='<script type="text/javascript" src="http://cbjs.baidu.com/js/o.js"></script>'; if (code=="top210x90_1"){ document.write('<script type="text/javascript" >BAIDU_CLB_...

Global site tag (gtag.js) - Google Analytics