Visual design
多年专业品牌网络营销
专注战略性品牌推广，有效提升品牌竞争力
分享下网页设计中颜色代码对照表
网页设计中的样色对照表，供大家参考。
网站设计中，第一要学习的就是颜色的运用了，因为在网站的颜色有着很重要的作用，不同的色系给人的视觉冲击力效果不同，如果要自己设计网页那么颜色的选择和搭配就非常重要，建议学习一些著名站点颜色的使用，对我们快速理解颜色搭配很有帮助。由于显示器是真彩显示，所以RGB组合已经达到所谓1677万色，颜色种类之多肉眼已经无法区分，我们只要掌握其中最基本的颜色搭配原理就可以了。
1.首先要看学习的是不同颜色代表的不用的含义
我们所有网页上颜色，在HTML下看到的是以颜色英文单词或者十六进制的表示方法（如#000000表示为黑色）。不同的颜色有着不同的含义，给人各种丰富的感觉和联想。
红色：热情、奔放、喜悦、庄严
黄色：高贵、富有、灿烂、活泼
黑色：严肃、夜晚、沉着
白色：纯洁、简单、洁净
蓝色：天空、清爽、科技
绿色：植物、生命、生机
灰色：庄重、沉稳
紫色：浪漫、富贵
棕色：大地、厚朴
2.学习常用的一些颜色代码表，如下图所示
|
红色和粉红色，以及它们的16进制代码。 |
|||||||||
| #990033 | #CC6699 | #FF6699 | #FF3366 | #993366 | #CC0066 | #CC0033 | #FF0066 | #FF0033 | ..#CC3399.. |
| #FF3399 | #FF9999 | #FF99CC | #FF0099 | #CC3366 | #FF66CC | #FF33CC | #FFCCFF | #FF99FF | #FF00CC |
|
紫红色，以及它们的16进制代码。 |
|||||||||
| #FF66FF | #CC33CC | #CC00FF | #FF33FF | #CC99FF | #9900CC | #FF00FF | #CC66FF | #990099 | #CC0099 |
| #CC33FF | #CC99CC | #990066 | #993399 | #CC66CC | #CC00CC | #663366 | |||
| 蓝色，以及它们的16进制代码。 | |||||||||
| #660099 | #666FF | #000CC | #9933CC | #666699 | #660066 | #333366 | #0066CC | #9900FF | #333399 |
| #99CCFF | #9933FF | #330099 | #6699FF | #9966CC | #3300CC | #003366 | #330033 | #3300FF | #6699CC |
| #663399 | #3333FF | #006699 | #6633CC | #3333CC | #3399CC | #6600CC | #0066FF | #0099CC | #9966FF |
| #0033FF | #66CCFF | #330066 | #3366FF | #3399FF | #6600FF | #3366CC | #003399 | #6633FF | #000066 |
| #0099FF | #CCCCFF | #000033 | #33CCFF | #9999FF | #0000FF | #00CCFF | #9999CC | #000099 | #6666CC |
| #0033CC | |||||||||
| 黄色、褐色、玫瑰色和橙色，以及它们的16进制代码。 | |||||||||
| #FFFFCC | #FFCC00 | #CC99090 | #663300 | #FF6600 | #663333 | #CC6666 | #FF6666 | #FF0000 | #FFFF99 |
| #FFCC66 | #FF9900 | #FF9966 | #CC3300 | #996666 | #FFCCCC | #660000 | #FF3300 | #FF6666 | #FFCC33 |
| #CC6600 | #FF6633 | #996633 | #CC9999 | #FF3333 | #990000 | #CC9966 | #FFFF33 | #CC9933 | #993300 |
| #FF9933 | #330000 | #993333 | #CC3333 | #CC0000 | #FFCC99 | #FFFF00 | #996600 | #CC6633 | |
| 绿色，以及它们的16进制代码。 | |||||||||
| #99FFFF | #33CCCC | #00CC99 | #99FF99 | #009966 | #33FF33 | #33FF00 | #99CC33 | #CCC33 | #66FFFF |
| #66CCCC | #66FFCC | #66FF66 | #009933 | #00CC33 | #66FF00 | #336600 | #33300 | #33FFFF | #339999 |
| #99FFCC | #339933 | #33FF66 | #33CC33 | #99FF00 | #669900 | #666600 | #00FFFF | #336666 | #00FF99 |
| #99CC99 | #00FF66 | #66FF33 | #66CC00 | #99CC00 | #999933 | #00CCCC | #006666 | #339966 | #66FF99 |
| #CCFFCC | #00FF00 | #00CC00 | #CCFF66 | #CCCC66 | #009999 | #003333 | #006633 | #33FF99 | #CCFF99 |
| #66CC33 | #33CC00 | #CCFF33 | #666633 | #669999 | #00FFCC | #336633 | #33CC66 | #99FF66 | #006600 |
| #339900 | #CCFF00 | #999966 | #99CCCC | #33FFCC | #669966 | #00CC66 | #99FF33 | #003300 | #99CC66 |
| #999900 | #CCCC99 | #CCFFFF | #33CC99 | #66CC66 | #66CC99 | #00FF33 | #009900 | #669900 | #669933 |
| #CCCC00 | |||||||||
| 白色、灰色和黑色，以及它们的16进制代码。 | |||||||||
| #FFFFF | #CCCCCC | #999999 | #666666 | #333333 | #000000 | ||||
| 16色的直接英文名写法 | |||||||||
| Aqua | Black | Fuchsia | Gray | Gree | Lime | Maroon | Navy | Olive | Purple |
| Red | Silver | Teal | White | Yellow | Blue | ||||
其他颜色代码一览表
|
|
|
|
看了以上的颜色代码表，相信很多人都会觉得眼花缭乱了，其实这个只是作为参考而已，并不需要每个都记住的，以后网页设计软件上可以之定义选择的，大家住需要熟悉几种特定的颜色值的就好
Copyright © 2009-2019,www.szhuhang.com,All rights reserved 版权所有 © 深圳市互航科技有限公司 未经许可
地址：深圳市龙华区布龙路127陈设艺术产业园A座803室 &网站地图 严禁复制 粤ICP备10058076号-1
0755-82873486
服务时间：9:00-18:00
免费咨询热线
