配色宝典:设计师教你从零开始学习配色

三原色 :

-------------------------------------------------------------    三原色     ---------------------------------------------------------------

所有颜色的来源,是由于光和环境共同作用的结果。大多数的颜色可以通过红、绿、蓝三色按照不同的比例合成产生,而且绝大多数单色光也可以分解成红绿蓝三种色光。因而,红绿蓝即被定义为色光的三原色,也叫三基色。三种基色是相互独立的,任何一种基色都不能有其它两种颜色合成。

-----------------------------------------------------------------------------------------------------------------------------------

互补色

互补色是指色轮上那些呈180°角的颜色。比如蓝色和橙色、红色和绿色、黄色和紫色等。互补色有非常强烈的对比度,在颜色饱和度很高的情况下,可以创建很多十分震撼的视觉效果。

--------------------------------------------------------------------------------------------------------------------------------------------

相似色

相似色是指在色轮上相邻的三个颜色。相似色是选择相近颜色时十分不错的方法,可以在同一个色调中制造丰富的质感和层次。一些很好的色彩组合有:蓝绿色、蓝色和蓝紫色;还有黄绿色、黄色和橘黄色。

================================================================================================================================================================

==

js中颜色的判断和颜色表

原创 2014年02月12日 09:46:18
非ie6

例如:if ( document.getElementById("XX").style.color == "rgb(184, 0, 0)")

注意:"0"前面有空格。

ie6

例如:if ( document.getElementById("XX").style.color == "#333")

另附颜色的对照表

颜色 英文代码 形像颜色 HEX格式 RGB格式
  LightPink 浅粉红 #FFB6C1 255,182,193
  Pink 粉红 #FFC0CB 255,192,203
  Crimson 猩红 #DC143C 220,20,60
  LavenderBlush 脸红的淡紫色 #FFF0F5 255,240,245
  PaleVioletRed 苍白的紫罗兰红色 #DB7093 219,112,147
  HotPink 热情的粉红 #FF69B4 255,105,180
  DeepPink 深粉色 #FF1493 255,20,147
  MediumVioletRed 适中的紫罗兰红色 #C71585 199,21,133
  Orchid 兰花的紫色 #DA70D6 218,112,214
  Thistle #D8BFD8 216,191,216
  plum 李子 #DDA0DD 221,160,221
  Violet 紫罗兰 #EE82EE 238,130,238
  Magenta 洋红 #FF00FF 255,0,255
  Fuchsia 灯笼海棠(紫红色) #FF00FF 255,0,255
  DarkMagenta 深洋红色 #8B008B 139,0,139
  Purple 紫色 #800080 128,0,128
  MediumOrchid 适中的兰花紫 #BA55D3 186,85,211
  DarkVoilet 深紫罗兰色 #9400D3 148,0,211
  DarkOrchid 深兰花紫 #9932CC 153,50,204
  Indigo 靛青 #4B0082 75,0,130
  BlueViolet 深紫罗兰的蓝色 #8A2BE2 138,43,226
  MediumPurple 适中的紫色 #9370DB 147,112,219
  MediumSlateBlue 适中的板岩暗蓝灰色 #7B68EE 123,104,238
  SlateBlue 板岩暗蓝灰色 #6A5ACD 106,90,205
  DarkSlateBlue 深岩暗蓝灰色 #483D8B 72,61,139
  Lavender 熏衣草花的淡紫色 #E6E6FA 230,230,250
  GhostWhite 幽灵的白色 #F8F8FF 248,248,255
  Blue 纯蓝 #0000FF 0,0,255
  MediumBlue 适中的蓝色 #0000CD 0,0,205
  MidnightBlue 午夜的蓝色 #191970 25,25,112
  DarkBlue 深蓝色 #00008B 0,0,139
  Navy 海军蓝 #000080 0,0,128
  RoyalBlue 皇军蓝 #4169E1 65,105,225
  CornflowerBlue 矢车菊的蓝色 #6495ED 100,149,237
  LightSteelBlue 淡钢蓝 #B0C4DE 176,196,222
  LightSlateGray 浅石板灰 #778899 119,136,153
  SlateGray 石板灰 #708090 112,128,144
  DoderBlue 道奇蓝 #1E90FF 30,144,255
  AliceBlue 爱丽丝蓝 #F0F8FF 240,248,255
  SteelBlue 钢蓝 #4682B4 70,130,180
  LightSkyBlue 淡蓝色 #87CEFA 135,206,250
  SkyBlue 天蓝色 #87CEEB 135,206,235
  DeepSkyBlue 深天蓝 #00BFFF 0,191,255
  LightBLue 淡蓝 #ADD8E6 173,216,230
  PowDerBlue 火药蓝 #B0E0E6 176,224,230
  CadetBlue 军校蓝 #5F9EA0 95,158,160
  Azure 蔚蓝色 #F0FFFF 240,255,255
  LightCyan 淡青色 #E1FFFF 225,255,255
  PaleTurquoise 苍白的绿宝石 #AFEEEE 175,238,238
  Cyan 青色 #00FFFF 0,255,255
  Aqua 水绿色 #00FFFF 0,255,255
  DarkTurquoise 深绿宝石 #00CED1 0,206,209
  DarkSlateGray 深石板灰 #2F4F4F 47,79,79
  DarkCyan 深青色 #008B8B 0,139,139
  Teal 水鸭色 #008080 0,128,128
  MediumTurquoise 适中的绿宝石 #48D1CC 72,209,204
  LightSeaGreen 浅海洋绿 #20B2AA 32,178,170
  Turquoise 绿宝石 #40E0D0 64,224,208
  Auqamarin 绿玉\碧绿色 #7FFFAA 127,255,170
  MediumAquamarine 适中的碧绿色 #00FA9A 0,250,154
  MediumSpringGreen 适中的春天的绿色 #F5FFFA 245,255,250
  MintCream 薄荷奶油 #00FF7F 0,255,127
  SpringGreen 春天的绿色 #3CB371 60,179,113
  SeaGreen 海洋绿 #2E8B57 46,139,87
  Honeydew 蜂蜜 #F0FFF0 240,255,240
  LightGreen 淡绿色 #90EE90 144,238,144
  PaleGreen 苍白的绿色 #98FB98 152,251,152
  DarkSeaGreen 深海洋绿 #8FBC8F 143,188,143
  LimeGreen 酸橙绿 #32CD32 50,205,50
  Lime 酸橙色 #00FF00 0,255,0
  ForestGreen 森林绿 #228B22 34,139,34
  Green 纯绿 #008000 0,128,0
  DarkGreen 深绿色 #006400 0,100,0
  Chartreuse 查特酒绿 #7FFF00 127,255,0
  LawnGreen 草坪绿 #7CFC00 124,252,0
  GreenYellow 绿黄色 #ADFF2F 173,255,47
  OliveDrab 橄榄土褐色 #556B2F 85,107,47
  Beige 米色(浅褐色) #6B8E23 107,142,35
  LightGoldenrodYellow 浅秋麒麟黄 #FAFAD2 250,250,210
  Ivory 象牙 #FFFFF0 255,255,240
  LightYellow 浅黄色 #FFFFE0 255,255,224
  Yellow 纯黄 #FFFF00 255,255,0
  Olive 橄榄 #808000 128,128,0
  DarkKhaki 深卡其布 #BDB76B 189,183,107
  LemonChiffon 柠檬薄纱 #FFFACD 255,250,205
  PaleGodenrod 灰秋麒麟 #EEE8AA 238,232,170
  Khaki 卡其布 #F0E68C 240,230,140
  Gold #FFD700 255,215,0
  Cornislk 玉米色 #FFF8DC 255,248,220
  GoldEnrod 秋麒麟 #DAA520 218,165,32
  FloralWhite 花的白色 #FFFAF0 255,250,240
  OldLace 老饰带 #FDF5E6 253,245,230
  Wheat 小麦色 #F5DEB3 245,222,179
  Moccasin 鹿皮鞋 #FFE4B5 255,228,181
  Orange 橙色 #FFA500 255,165,0
  PapayaWhip 番木瓜 #FFEFD5 255,239,213
  BlanchedAlmond 漂白的杏仁 #FFEBCD 255,235,205
  NavajoWhite Navajo白 #FFDEAD 255,222,173
  AntiqueWhite 古代的白色 #FAEBD7 250,235,215
  Tan 晒黑 #D2B48C 210,180,140
  BrulyWood 结实的树 #DEB887 222,184,135
  Bisque (浓汤)乳脂,番茄等 #FFE4C4 255,228,196
  DarkOrange 深橙色 #FF8C00 255,140,0
  Linen 亚麻布 #FAF0E6 250,240,230
  Peru 秘鲁 #CD853F 205,133,63
  PeachPuff 桃色 #FFDAB9 255,218,185
  SandyBrown 沙棕色 #F4A460 244,164,96
  Chocolate 巧克力 #D2691E 210,105,30
  SaddleBrown 马鞍棕色 #8B4513 139,69,19
  SeaShell 海贝壳 #FFF5EE 255,245,238
  Sienna 黄土赭色 #A0522D 160,82,45
  LightSalmon 浅鲜肉(鲑鱼)色 #FFA07A 255,160,122
  Coral 珊瑚 #FF7F50 255,127,80
  OrangeRed 橙红色 #FF4500 255,69,0
  DarkSalmon 深鲜肉(鲑鱼)色 #E9967A 233,150,122
  Tomato 番茄 #FF6347 255,99,71
  MistyRose 薄雾玫瑰 #FFE4E1 255,228,225
  Salmon 鲜肉(鲑鱼)色 #FA8072 250,128,114
  Snow #FFFAFA 255,250,250
  LightCoral 淡珊瑚色 #F08080 240,128,128
  RosyBrown 玫瑰棕色 #BC8F8F 188,143,143
  IndianRed 印度红 #CD5C5C 205,92,92
  Red 纯红 #FF0000 255,0,0
  Brown 棕色 #A52A2A 165,42,42
  FireBrick 耐火砖 #B22222 178,34,34
  DarkRed 深红色 #8B0000 139,0,0
  Maroon 栗色 #800000 128,0,0
  White 纯白 #FFFFFF 255,255,255
  WhiteSmoke 白烟 #F5F5F5 245,245,245
  Gainsboro Gainsboro #DCDCDC 220,220,220
  LightGrey 浅灰色 #D3D3D3 211,211,211
  Silver 银白色 #C0C0C0 192,192,192
  DarkGray 深灰色 #A9A9A9 169,169,169
  Gray 灰色 #808080 128,128,128
  DimGray 暗淡的灰色 #696969 105,105,105
  Black 纯黑 #000000 0,0,0

================================================================================================================

UI 网页三原色的更多相关文章

  1. storm ui 网页一直出现提示loading summary

    在更换了一次storm的版本之后:访问 http://mini1:8080/index.html 来查看storm的运行情况,但是出现了网页一直出现提示loading summary,但是通过透明的弹 ...

  2. metro扁平UI网页组件

    在线演示 本地下载

  3. .NET WebAPI 使用 GroupName 对 Controller 分组呈现 Swagger UI

    在日常开发 webapi 时,我们往往会集成 swagger doc 进行 api 的文档呈现,当api数量比较多的时候就会导致 swagger ui 上的 api 因为数量太多而显得杂乱,今天教大家 ...

  4. 12岁的少年教你用Python做小游戏

    首页 资讯 文章 频道 资源 小组 相亲 登录 注册       首页 最新文章 经典回顾 开发 设计 IT技术 职场 业界 极客 创业 访谈 在国外 - 导航条 - 首页 最新文章 经典回顾 开发 ...

  5. 转-sketch技巧

    10个帮你UI设计提速的Sketch使用技巧 2015-4-11 09:59| 发布者: yuanxingbbs| 查看: 1129| 评论: 0   选择使用Sketch的理由很多,因为好奇跟风安装 ...

  6. java 面试

        115个Java面试题和答案——终极列表(上) 本文我们将要讨论Java面试中的各种不同类型的面试题,它们可以让雇主测试应聘者的Java和通用的面向对象编程的能力.下面的章节分为上下两篇,第一 ...

  7. Jenkins pipeline:pipeline 语法详解

    jenkins  pipeline 总体介绍 pipeline 是一套运行于jenkins上的工作流框架,将原本独立运行于单个或者多个节点的任务连接起来,实现单个任务难以完成的复杂流程编排与可视化. ...

  8. Kylin引入Spark引擎

    1 引入Spark引擎 Kylin v2开始引入了Spark引擎,可以在构建Cube步骤中替换MapReduce. 关于配置spark引擎的文档,下面给出官方链接以便查阅:http://kylin.a ...

  9. 007 关于Spark下的第二种模式——standalone搭建

    一:介绍 1.介绍standalone Standalone模式是Spark自身管理资源的一个模式,类似Yarn Yarn的结构: ResourceManager: 负责集群资源的管理 NodeMan ...

随机推荐

  1. 微信红包店小程序开发过程中遇到的问题 php获取附近周边商家 显示最近商家

    最近公司在做一个项目就是微信红包店.仿照的是微信官方在做的那个红包店的模式.客户抢红包,抢到以后到店消费,消费以后就可以拿到商家的红包了. 项目中的两个难点: 1通过小程序来发红包  这个之前在开发语 ...

  2. 嵌入式linux下wifi网卡的使用(二)——应用程序iw编译

    首先编译iw,Iw支持两种加密/认证方式.第一种是OPEN/OPEN 第二种是WEP/WEP在网上下载iw源码,发现iw的编译需要依赖libnl库(这个库是为了方便应用程序使用netlink借口而开发 ...

  3. Pycharm使用总结

    1.代码整体向右移动 按住Win+TAB可以快速向右缩进一个tab 的距离,按住Shift + TAB反方向前进一个TAB距离 2.Model加入get,set 方法 在编辑框中右击,选择genera ...

  4. css实现平行四边形、菱形图片效果

    一.平行四边形 1. 使用两个元素实现 html <a class="button"> <div>click me</div> </a&g ...

  5. Python开发之路

    详细内容见老男孩<<python入门与提高实践>> 第一篇:python入门 第二篇:数据类型.字符编码.文件处理 第三篇:函数 第四篇:模块与包 第五篇:常用模块 第六篇:面 ...

  6. python3之socket&socketserver网络编程

    1.套接字与套接模块 套接字是为特定网络协议(例如TCP/IP,ICMP/IP,UDP/IP等)套件对上的网络应用程序提供者提供当前可移植标准的对象.它们允许程序接受并进行连接,如发送和接受数据.为了 ...

  7. 【Tarjan】洛谷P3379 Tarjan求LCA

    题目描述 如题,给定一棵有根多叉树,请求出指定两个点直接最近的公共祖先. 输入输出格式 输入格式: 第一行包含三个正整数N.M.S,分别表示树的结点个数.询问的个数和树根结点的序号. 接下来N-1行每 ...

  8. Linux常用命令之文件处理命令

    注:由于Linux操作系统有些目录不能轻易操作,特此建议大家在家目录home,或root.tmp目录下练习命令,以免带来不必要的损失 一.查询目录中的内容:ls 命令格式:ls [选项] [文件或目录 ...

  9. JavaScript(五)语句

    js 的语句有 表达式语句,  复合语句{}, 空语句, 声明语句 if 默认不写大括号 可以执行 紧接着的一行 do-while do{}while() while for(初始化:判断:更新){执 ...

  10. CentOS配置SSH免密登录

    假如我们有两台CentOS机器,192.168.199.101,192.168.199.102,要想在101上远程连接102可以通过ssh命令来实现 ssh 192.168.199.102 如果没有配 ...