顏色代碼:網頁顏色代碼大全及色彩搭配教程(
2011-12-29
次要提-示：零碎檢測到您的帳號能夠具有被盜風險，請盡快檢查風險提-示，并立刻修正密碼。 | 封閉
網易博客平安提-示：零碎檢測到您以后密碼的平安性較低，為了您的賬號平安，倡議您適時修正密碼 立刻修正 | 封閉
色彩代碼：網頁色彩代碼大全及色彩搭配教程（轉帖）
2011-10-02 10:21:15| 分類： 默許分類| 標簽：|字號大中小 訂閱 轉自：2008-07-28 http://huayi898.blog.163.com/blog/static/258135162 00862874336792/ 華藝時空注：
鑒于冤家們（包括我自己）在想象網頁、取用色彩時四處東翻西找的方便，經過仔細進修領悟，覺得有必要把比擬片面的色彩代碼表做到博客中來，同時更覺得網頁色彩搭配慣例性學問與技藝非常次要。因此，我聚集了網上眾賢的卓識，做成了這期專題。期望能給自己的日常使用帶來便當，更期望冤家們天天提高，更上一層樓！
特請冤家們在轉載時說明：本專題來自于“華藝時空積學網”，拾掇改編：華藝時空。以示對自己休息效果的尊重（做這一個專題是需求工夫和精神的。老婆都打俺了，呵呵。。。。）
色彩代碼表（史上最全 一目了然） #000033 #000066 #000099 #0000CC #0000FF #003300 #003333 #003366 #003399 #0033CC #0033FF #006600 #006633 #006666 #006699 #0066CC #0066FF #009900 #009933 #009966 #009999 #0099CC #0099FF #00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF #330000 #330033 #330066 #330099 #3300CC #3300FF #333300 #333333 #333366 #333399 #3333CC #3333FF #336600 #336633 #336666 #336699 #3366CC #3366FF #339900 #339933 #339966 #339999 #3399CC #3399FF #33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF #33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF #660000 #660033 #660066 #660099 #6600CC #6600FF #663300 #663333 #663366 #663399 #6633CC #6633FF #666600 #666633 #666666 #666699 #6666CC #6666FF #669900 #669933 #669966 #669999 #6699CC #6699FF #66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF #66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF #990000 #990033 #990066 #990099 #9900CC #9900FF #993300 #993333 #993366 #993399 #9933CC #9933FF #996600 #996633 #996666 #996699 #9966CC #9966FF #999900 #999933 #999966 #999999 #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 #FFFFF0 #FFFFE0 #FFFAFA #FFFAF0 #FFFACD #FFF8DC #FFF68F #FFF5EE #FFF0F5 #FFEFDB #FFEFD5 #FFEC8B #FFEBCD #FFE7BA #FFE4E1 #FFE4C4 #FFE4B5 #FFE1FF #FFDEAD #FFDAB9 #FFD700 #FFD39B #FFC1C1 #FFC125 #FFC0CB #FFBBFF #FFB90F #FFB6C1 #FFB5C5 #FFAEB9 #FFA54F #FFA500 #FFA07A #FF8C69 #FF8C00 #FF83FA #FF82AB #FF8247 #FF7F50 #FF7F24 #FF7F00 #FF7256 #FF6EB4 #FF6A6A #FF69B4 #FF6347 #FF4500 #FF4040 #FF3E96 #FF34B3 #FF3030 #FF1493 #FDF5E6 #FAFAD2 #FAF0E6 #FAEBD7 #FA8072 #F8F8FF #F7F7F7 #F5FFFA #F5F5DC #F5DEB3 #F4A460 #F0FFFF #F0FFF0 #F0F8FF #F0F0F0 #F0E68C #F08080 #EEEEE0 #EEEED1 #EEEE00 #EEE9E9 #EEE9BF #EEE8CD #EEE8AA #EEE685 #EEE5DE #EEE0E5 #EEDFCC #EEDC82 #EED8AE #EED5D2 #EED5B7 #EED2EE #EECFA1 #EECBAD #EEC900 #EEC591 #EEB4B4 #EEB422 #EEAEEE #EEAD0E #EEA9B8 #EEA2AD #EE9A49 #EE9A00 #EE9572 #EE82EE #EE8262 #EE7AE9 #EE799F #EE7942 #EE7621 #EE7600 #EE6AA7 #EE6A50 #EE6363 #EE5C42 #EE4000 #EE3B3B #EE3A8C #EE30A7 #EE2C2C #EE1289 #EE00EE #EE0000 #EDEDED #EBEBEB #EAEAEA #E9967A #E8E8E8 #E6E6FA #E5E5E5 #E3E3E3 #E0FFFF #E0EEEE #E0EEE0 #E0E0E0 #E066FF #DEDEDE #DEB887 #DDA0DD #DCDCDC #DC143C #DBDBDB #DB7093 #DAA520 #DA70D6 #D9D9D9 #D8BFD8 #D6D6D6 #D4D4D4 #D3D3D3 #D2B48C #D2691E #D1EEEE #D1D1D1 #D15FEE #D02090 #CFCFCF #CDCDC1 #CDCDB4 #CDCD00 #CDC9C9 #CDC9A5 #CDC8B1 #CDC673 #CDC5BF #CDC1C5 #CDC0B0 #CDBE70 #CDBA96 #CDB7B5 #CDB79E #CDB5CD #CDB38B #CDAF95 #CDAD00 #CDAA7D #CD9B9B #CD9B1D #CD96CD #CD950C #CD919E #CD8C95 #CD853F #CD8500 #CD8162 #CD7054 #CD69C9 #CD6889 #CD6839 #CD661D #CD6600 #CD6090 #CD5C5C #CD5B45 #CD5555 #CD4F39 #CD3700 #CD3333 #CD3278 #CD2990 #CD2626 #CD1076 #CD00CD #CD0000 #CAFF70 #CAE1FF #C9C9C9 #C7C7C7 #C71585 #C6E2FF #C67171 #C5C1AA #C4C4C4 #C2C2C2 #C1FFC1 #C1CDCD #C1CDC1 #C1C1C1 #C0FF3E #BFEFFF #BFBFBF #BF3EFF #BEBEBE #BDBDBD #BDB76B #BCEE68 #BCD2EE #BC8F8F #BBFFFF #BABABA #BA55D3 #B9D3EE #B8B8B8 #B8860B #B7B7B7 #B5B5B5 #B4EEB4 #B4CDCD #B452CD #B3EE3A #B3B3B3 #B2DFEE #B23AEE #B22222 #B0E2FF #B0E0E6 #B0C4DE #B0B0B0 #B03060 #AEEEEE #ADFF2F #ADD8E6 #A6A6A6 #A52A2A #A4D3EE #A3A3A3 #A2CD5A #A2B5CD #A1A1A1 #A0522D #A020F0 #AB82FF #9FB6CD #9F79EE #9E9E9E #9BCD9B #9B30FF #9AFF9A #9ACD32 #9AC0CD #9A32CD #9932CC #98FB98 #98F5FF #97FFFF #96CDCD #969696 #949494 #9400D3 #9370DB #919191 #912CEE #90EE90 #8FBC8F #8F8F8F #8EE5EE #8E8E8E #8E8E38 #8E388E #8DEEEE #8DB6CD #8C8C8C #8B8B83 #8B8B7A #8B8B00 #8B8989 #8B8970 #8B8878 #8B8682 #8B864E #8B8386 #8B8378 #8B814C #8B7E66 #8B7D7B #8B7D6B #8B7B8B #8B795E #8B7765 #8B7500 #8B7355 #8B6969 #8B6914 #8B668B #8B6508 #8B636C #8B5F65 #8B5A2B #8B5A00 #8B5742 #8B4C39 #8B4789 #8B475D #8B4726 #8B4513 #8B4500 #8B3E2F #8B3A62 #8B3A3A #8B3626 #8B2500 #8B2323 #8B2252 #8B1C62 #8B1A1A #8B0A50 #8B008B #8B0000 #8A8A8A #8A2BE2 #8968CD #87CEFF #87CEFA #87CEEB #878787 #858585 #848484 #8470FF #838B8B #838B83 #836FFF #828282 #7FFFD4 #7FFF00 #7F7F7F #7EC0EE #7D9EC0 #7D7D7D #7D26CD #7CFC00 #7CCD7C #7B68EE #7AC5CD #7A8B8B #7A7A7A #7A67EE #7A378B #79CDCD #787878 #778899 #76EEC6 #76EE00 #757575 #737373 #71C671 #7171C6 #708090 #707070 #6E8B3D #6E7B8B #6E6E6E #6CA6CD #6C7B8B #6B8E23 #6B6B6B #6A5ACD #698B69 #698B22 #696969 #6959CD #68838B #68228B #66CDAA #66CD00 #668B8B #6495ED #63B8FF #636363 #616161 #607B8B #5F9EA0 #5E5E5E #5D478B #5CACEE #5C5C5C #5B5B5B #595959 #575757 #556B2F #555555 #551A8B #54FF9F #548B54 #545454 #53868B #528B8B #525252 #515151 #4F94CD #4F4F4F #4EEE94 #4D4D4D #4B0082 #4A708B #4A4A4A #48D1CC #4876FF #483D8B #474747 #473C8B #4682B4 #458B74 #458B00 #454545 #43CD80 #436EEE #424242 #4169E1 #40E0D0 #404040 #3D3D3D #3CB371 #3B3B3B #3A5FCD #388E8E #383838 #36648B #363636 #32CD32 #303030 #2F4F4F #2E8B57 #2E2E2E #2B2B2B #292929 #282828 #27408B #262626 #242424 #228B22 #218868 #212121 #20B2AA #1F1F1F #1E90FF #1E1E1E #1C86EE #1C1C1C #1A1A1A #191970 #1874CD #171717 #141414 #121212 #104E8B #0F0F0F #0D0D0D #0A0A0A #080808 #050505 #030303
#00FF7F #00FA9A #00F5FF #00EEEE #00EE76 #00EE00 #00E5EE #00CED1 #00CDCD #00CD66 #00CD00 #00C5CD #00BFFF #00B2EE #009ACD #008B8B #008B45 #008B00 #00868B #00688B #006400 #0000EE #0000CD #0000AA #00008B #000080 #990033 #CC6699 #FF6699 #FF3366 #993366 #CC0066 #CC0033 #FF0066 #FF0033 #CC3399 #FF3399 #FF9999 #FF99CC #FF0099 #CC3366 #FF66CC #FF33CC #FFCCFF #FF99FF #FF00CC #FF66FF #CC33CC #CC00FF #FF33FF #CC99FF #9900CC #FF00FF #CC66FF #990099 #CC0099 #CC33FF #CC99CC #990066 #993399 #CC66CC #CC00CC #663366 #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 #FFFFCC #FFCC00 #CC99090 #663300 #FF6600 #663333 #CC6666 #FF6666 #FF0000 #FFFF99 #FFCC66 #FF9900 #FF9966 #CC3300 #996666 #CC6600 #FF6633 #996633 #CC9999 #FF3333 #990000 #CC9966 #FFFF33 #CC9933 #993300 #FF9933 #330000 #993333 #CC3333 #CC0000 #FFCC99 #FFFF00 #996600 #CC6633 #99FFFF #33CCCC #00CC99 #99FF99 #009966 #33FF33 #33FF00 #99CC33 #CCC33 #009966 #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 #FFFFF #CCCCCC #999999 #666666 #333333 英文色彩代碼表（附下） red green blue yellow chocolate aquamarine lime fuchsia brass azure brown bronze deeppink aliceblue gray copper coral feldspar orange orchid pink plum quartz purple antiquewithe blanchedalmond blueviolet beige burlywood bisque cadetblue saddlebrown royalblue rosybrown orengered olivedrab powderblue peachpuff papayawhip paleturquoise palevioletred palegreen navyblue navajowhite palegodenrod violetred yellowgreen tomato turquoise thistle springgreen steelblue salmon scarlet sienna silver tan violet snow chartreuse firebrick gold khaki mediumslateblue mediumvioletred oldlace maroon goldenrod wheat whitesmoke moccasin mistyrose mintcream midnightblue dimgray darksalmon slategray skyblue seashell seagreen sandybrown mediumturquoise navy mediumspringgreen mediumseagreen mediumpurpul peru mediumorchid mediumblue mediumaquamarine limegreen lightyellow lightsteelblue lavender lavenderblush lemonchiffon lightyellow lightsteelblue lightslateblue lightslategray lightskyblue lightseagreen lightsalmon lightpink lightgray lightgreen lightgodenrodyellow indianred lightblue lightcoral lightcyan lightgodenrod hotpink greenyellow lawngreen deepskyblue honeydew forestgreen gostwhite gainsboro dodgerblue darkturquoise darkslateblue darkslategray darkseagreen darkred darkorchid darkorenge darkslateblue darkviolet floralwhite cyan cornsilk darkolivegreen darkgoldenrod darkcyan darkgreen darkhaki ivory darkmagenta darkgray cornfloewrblue darkviolet 網頁色彩搭配技巧教程（改編拾掇）
一般，我們在翻開一個網站時，第一印象并不是網站豐厚的方式，也不是網站公道的版面布局，而是網站的色彩搭配得如何。網站色彩的搭配對人的視覺成效非常具有沖擊力。自己曉得：網頁想象屬于平面成效想象之一，掃除平面圖形、動畫成效等，在平面視覺上色彩的沖擊力是最強的。因此，一個網站想象得成敗與否，必定水平上取決于想象者對色彩的搭配使用。
一、色彩根底學問
學過美術的人都曉得：我們平常所看到的白色光，是由紅、橙、黃、綠、青、藍、紫七色組成的，而各個色彩之間是天然過渡的。依照美術學科的色彩學問，我們把紅、黃、藍三種色彩叫做三原色，三原色是組成萬千色彩的最根本的色彩。三原色經過不同比例停止混合就可以失掉各種色彩（就如我們下面所列出的一成不變的色彩圖譜）。色彩還有冷暖色之分，暖色(如藍色)給人的覺得是恬靜、冰冷；而暖色(如白色)給人的覺得是熱鬧、熾熱。冷暖色的拙劣使用可以讓網站的色彩搭配發作意想不到的成效。
正由于色彩能影響到人的心思和心情，因此我們可以在想象網頁時形成自己共同的色彩感受，為閱讀者留下深化的印象。普通狀況下，各種色彩給人的覺得是：
白色：代表熱誠、生動、繁華、暖和、幸運、不祥 ；
橙色：代表黑暗、華美、鎮靜、甘美、高興；
黃色：代表陰暗、高興、高尚、期望；
綠色：代表新穎、寧靜、戰爭、溫和、閑適、青春；
藍色：代表長遠、永久、喧鬧、明智、老實、嚴寒；
紫色：代表粗俗、高尚、魅力、自傲；
白色：代表純潔、純潔、樸實、高尚、晦澀；
灰色：代表憂傷、消沉、謙遜、偉大、緘默、中庸、孤單；
玄色：代表高尚、堅實、嚴厲、剛健、粗莽；
二、色彩搭配準繩
色彩搭配既是一項技術性任務，同時它也是一項藝術性很強的任務。因此，想象者在想象網頁時除了要思索網站本身的特性外，還要遵照必定的藝術規律，想象遜色彩分明，性情共同的網站。
1、特征分明
一個網站的用色必需要有自己共同的作風，只需特性分明，才干給閱讀者留下深化的印象。
2、搭配公道
網頁想象固然屬于平面想象的范圍，但它又與其它平面想象有所不同。它必需在服從藝術規律的同時，還要思索到人的生理特性。因此，色彩搭配必定要公道，要給人一種調和、高興的覺得，防止采用純度很高的繁多色彩，這樣輕易形成視覺疲憊。
3、考究藝術性
網站想象也是一種藝術創新。在遵照藝術規律的同時，還要思索到網站本身的特性，要依照方式決議方式的準繩，大膽停止藝術創新，想象出既契合網站請求，又有必定藝術特征的網站。
三、色彩搭配應留意的題目
1、使用單色
雖然網站想象要防止采用繁多色彩，免得發作枯燥的覺得，但經過調整色彩的飽和度和通明度也可以發作變化，使網站防止枯燥。
2、使用臨近色
所謂臨近色，就是在色帶上相臨近的色彩，例如綠色和藍色，白色和黃色就互為臨近色。采用臨近色想象網頁，可以使網頁防止色彩蕪雜，以到達頁面藝術的調和與同一。
3、使用比照色
比照色可以一般重點，發作了激烈的視覺成效。經過公道使用比照色，可以使網站特征分明、重點一般。在想象時普通以一種色彩為主色彩，比照色作為裝點，以起到一語道破的作用。
4、玄色的使用
玄色是一種特別的色彩，假如使用妥當，想象公道，經常發作很激烈的藝術成效。玄色普通用來作背風光，與其它純度色彩搭配使用。
5、背風光的使用
背風光普通采用素雅平淡的色彩，防止采用花紋繁雜的圖片和純度很高的色彩作為背風光，同時背風光要與文字的色彩比照搭配好，使之與文字色彩對的比激烈一些。
6、色彩的數目
普通初學者在想象網頁時經常使用多種色彩，使網頁變得很“花哨”，缺少內在美感和調和同一。本質上，網站的用色不是越多越好，普通應把握在三種色彩以內，經過調整色彩的各種屬性來使之發作變化。
關于做網頁的初學者來說，他們能夠更情愿使用一些美麗圖片作為自己網頁的背景。但你閱讀一下那些大型貿易網站，就會發覺：他們更多使用的是白色、藍色、黃色等，使得網頁顯得高雅、小氣和溫暖。更次要的是，這樣可以大大放慢閱讀者翻開網頁的速度。
普通來說，網頁的背風光該當溫和一些、素雅一些、濃艷一些，再配上深色的文字，使人看起來會從心思上發作天然、愉快的覺得。假如為了追求醒手腕視覺成效，可以為標題使用較深的色彩。下面我們分離一些勝利人士對網頁背景和文字色彩搭配的經歷，舉出如下一些實例以供參考。這些色彩可以做注釋的底色，也可以做標題的底色，再搭配不同的字體，必定會發作不錯的成效，期望對自己有用。
當然，自己可以充沛發揚自己的想象力，搭配出更有新意、更醒手腕色彩，使網頁更具有吸收力。
四、相關字體色彩的搭配
文本是網頁中最為次要的想象元素。固然互聯網日趨興旺、網絡消-息少量出現、精巧網頁屢見不鮮，但都必需經過文本、圖像、Flash動畫等來作為想象要素。其中，文本想象關于網頁想象者來講就顯得尤為次要。
1、文字的格式化
⑴字號、字體、行距
字號大小可以用不同的方式來計算，例如磅或像素。由于以像素技術為根底單位打印時需求轉換為磅，所以，倡議采用磅為單位。
最合適于網頁注釋顯現的字體大小為12磅左右。如今很多的分析性站點，由于在一個頁面中需求布置的方式較多，一般采用9磅的字號。較大的字體可用于標題或其他需求夸大的中央，小一些的字體可以用于頁腳和輔佐消-息。需求留意的是，小字號輕易發作全體感和精巧感，但可讀性較差。
網頁想象者可以用字體來更充沛地表示想象中要表達的情感。字體挑選是一種理性、直觀的行為。但是，不管挑選什么字體，都要契合網頁的總體想象和閱讀者的理論需求。例如：粗體字健壯有力，有男性特性，合適機械、修建業等方式；細體字庸俗精細，有女性特性，更合適服裝、化裝品、食品等行業的方式。在同一頁面中，字體品種少，版面俗氣，有波動感；字體品種多，則版面生動，豐厚多彩。關鍵是如何依據頁面方式來把握這個比例聯系。
從加強平臺有關性的角度來思索，注釋方式最好采用缺省字體。由于閱讀器是用外地機器上的字庫顯現頁面方式的。作為網頁想象者必需思索到大少數閱讀者的機器里只裝有三種字體類型及一些相應的特定字體。而你指定的字體在閱讀者的機器里并不必定可以找到，這給網頁想象帶來很大的局限。處理題目的方法是：在確有必要使用特別字體的中央，可以將文字制成圖像，然后拔出頁面中。
行距的變化也會對文本的可讀性發作很大影響。普通狀況下，接近字體尺寸的行距設置比擬合適注釋。行距的慣例比例為10:12，即用字10點，則行距12點。這次要是出于以下思索：妥當的行距會形成一條分明的水平空缺帶，以指導閱讀者的眼光，而行距過寬會使一行文字得到較好的持續性。
除了關于可讀性的影響，行距本身也是具有很強表示力的想象言語。為了加強版式的粉飾成效，可以無認識地加寬或縮窄行距，表示共同的審美意趣。例如，加寬行距可以表示慌張、伸展的心情，使用于文娛性、抒懷性的方式恰如其分。另外，經過細心布置，使寬、窄行距并存，可加強版面的空間層次與彈性，表示出獨到的匠心。
行距可以用行高的屬性來設置，倡議以磅或默許行高的百分數為單位。例如：line-height：20pt、line-height：150%。
⑵文字的全體編排
頁面里的注釋局部是由很多單個文字經過編排組成的集體，要充沛發揚這個集體外形在版面全體布局中的作用。從藝術的角度可以將字體本身看成是一種藝術方式，它在特性和情感方面對人們有著很大影響。在網頁想象中，字體的處置與色彩、版式、圖形等其他想象元素的處置一樣非常關鍵。從某種意義下去講，一切的想象元素都可以了解為圖形。
①文字的圖形化
字體具有兩方面作用：一是完成字意與語義的功用，二是美學效應。
所謂文字圖形化，即是夸大它的美學效應，把記號性的文字作為圖形元從來表示，同時又強化了原有的功用。作為網頁想象者，既可以依照慣例的方式來設置字體，也可以對字體停止藝術化的想象。不管怎樣，一切都應盤繞如何更遜色地完成自己的想象目的。
將文字圖形化、意象化，以更富創意的方式表達出深層的想象思想，可以克制網頁的枯燥與平淡，從而感動人心。
②文字的疊置
文字與圖像之間或文字與文字之間在經過疊置后，可以發作空間感、騰躍感、通明感、雜音感和敘事感，從而成為頁面中最生動的、令人注手腕元素。固然疊置手法影響了文字的可讀性，但是能形成頁面共同的視覺成效。這種不追求易讀，而刻意追求“雜音”的表示手法，表示了一種藝術思潮。因此，它不只少量使用于保守的版式想象，在網頁想象中也被普遍地加以采用。
③標題與注釋
在停止標題與注釋的編排時，可先思索將注釋作雙欄、三欄或四欄的編排，再停止標題的置入。將注釋分欄，是為了求取頁面的空間與彈性，防止通欄的板滯以及標題拔出方式的繁多性。標題雖是整段或整篇文章的標題，但不必定千篇一概地置于段首之上。可作居中、橫向、豎向或邊置等編排處置，以至可以間接拔出字群中，以新奇的版式來打陳舊有的規律。
④文字編排的四種根本方式
頁面的注釋局部是由很多單個文字經過編排組成的集體，要充沛發揚這個集體外形在版面全體布局中的作用。
兩端均齊：文字從左端到右真個長度均齊，字群形成方方正正的面，顯得端正、松散、美妙。
居中陳列：在字距相等狀況下，以頁面核-心為軸線陳列，這種編排方式使文字愈加一般，發作對稱的方式美。
左對齊或右對齊：左對齊或右對齊使行首或行尾天然形成一條清楚的垂直線，很輕易與圖形合作。這種編排方式有松有緊，有虛有實，跳動而飄逸，發作節拍與韻律的方式美。左對齊契合人們閱讀時的習氣，顯得天然；右對齊因不太契合閱讀習氣而較少采用，但顯得新奇。
繞圖陳列：將文字繞圖形邊沿陳列。假如將底圖拔出文字中，會令人感到和諧、天然。
2、文字的夸大
⑴行首的夸大
將注釋的第一個字或字母縮小并作粉飾性處置，嵌入段落的掃尾，這在保守媒體版式想象中稱之為“下墜式”。此技巧的創造溯源于歐洲中世紀的文稿謄寫員。由于它有吸收視野、粉飾和生動版面的作用，所以被使用于網頁的文字編排中。其下墜幅度應逾越一個完好字行的高低幅度。至于縮小幾，則依據所處網頁環境而定。
⑵引文的夸大
在停止網頁文字編排時，經常會碰到模棱兩可性的文字，即引文。引文概括一個段落、一個章節或全文粗心，因此在編排上應索取特別的頁面地位和空間來夸大。引文的編排方式多種多樣，如將引文嵌入注釋的左右側、上方、下方或核-心地位等，并且可以在字體或字號上與注釋相區別而發作變化。
⑶一般文字的夸大
假如將一般文字作為頁面的訴求重點，則可以經過加粗、加框、加下劃線、加指示性符號、傾斜字體等手腕無認識地強化文字的視覺成效，使其在頁面全體中顯得出眾而耀眼。另外，改動某些文字的色彩，也可以使這局部文字失掉夸大。這些方法理論上都是使用了比照的規律。
3、文字的色彩
說了半天，才說到正題上。在網頁想象中，想象者可以為文字、文字鏈接、已拜訪鏈接和以后活動鏈接選用各種色彩。使用不同色彩的文字可以使想要夸大的局部愈加引人矚目。但該當留意：關于文字的色彩，只可大批使用，假如什么都想夸大，實在是什么都沒有夸大。況且，在一個頁面上使用過多的色彩，會影響閱讀者閱讀頁面方式，除非你有特別的想象手腕。
色彩的使用除了可以起到夸大全體文字中特別局部的作用之外，關于整個文案的情感表達也會發作影響。這觸及色彩的情感意味性題目，限于篇幅，在這里不做深化討論。
另外需求留意的是文字色彩的比照度，它包括明度上的比照、純度上的比照以及冷暖的比照。這些不只對文字的可讀性發作作用，更次要的是，你可以經過對色彩的使用完成想要的想象成效、想象情感和想象思想。
五、網頁色彩搭配的色感
1、白色的色感暖和，性情剛強而內向，是一種對人安慰性很強的色。白色輕易惹起人的留意，也輕易使人鎮靜、激動、慌張、激動、還是一種輕易形成人視覺疲憊的色。
⑴在白色中參加大批的黃，會使其熱力強大，趨于躁動、不安。
⑵在白色中參加大批的藍，會使其熱性削弱，趨于粗俗、溫和。
⑶在白色中參加大批的黑，會使其性情變的沉穩，趨于厚重、質樸。
⑷在紅中參加大批的白，會使其性情變的溫順，趨于蘊藉、羞怯、柔嫩。
2、黃色的性情冷漠、傲慢、遲鈍、具有擴張和不安定的視覺印象。黃色是各種色彩中，最為嬌氣的一種色。只需在純黃色中混入大批的其它色，其色相感和色性情均會發作較大水平的變化。
⑴在黃色中參加大批的藍，會使其轉化為一種新穎的綠色。其傲慢的性情也隨之消逝，趨于一種溫和、潮潤的覺得。
⑵在黃色中參加大批的紅，則具有分明的橙色覺得，其性情也會從冷漠、傲慢轉化為一種有分寸感的熱誠、暖和。
⑶ 在黃色中參加大批的黑，其色感和色性變化最大，成為一種具有分明橄欖綠的復色印象。其色性也變的干練、隨和。
⑷ 在黃色中參加大批的白，其色感變的溫和，其性情中的冷漠、傲慢被淡化，趨于蘊藉，易于接近。
3、藍色的色感冷言冷語，性情質樸而內向，是一種有助于人頭腦冷言冷語靜的色。藍色的質樸、內向性情，常為那些性情生動、具有較強擴張力的色彩，提供一個長遠、廣埔、寧靜的空間，成為烘托生動色彩的友善而謙遜的冤家。藍色還是一種在淡化后依然似能堅持較強特性的色。假如在藍色中辨別參加大批的紅、黃、黑、橙、白等色，均不會對藍色的性情形成較分明的影響力。
⑴ 假如在橙色中黃的成份較多，其性情趨于甜蜜、亮麗、芬芳。
⑵ 在橙色中混入小量的白，可使橙色的知覺趨于煩躁、有力。
4、綠色是具有黃色和藍色兩種成份的色。在綠色中，將黃色的擴張感和藍色的膨脹感相中庸，將黃色的暖和感與藍色的嚴寒感相抵消。這樣使得綠色的性情最為溫和、平穩。是一種柔順、舒適、潢足、美麗的色。
⑴ 在綠色中黃的成份較多時，其性情就趨于生動、友善，具有干練性。
⑵ 在綠色中參加大批的黑，其性情就趨于嚴厲、干練、干練。
⑶ 在綠色中參加大批的白，其性情就趨于干凈、清新、新穎。
5、紫色的明度在有黑色的色料中是最低的。紫色的低明度給人一種煩悶、奧秘的覺得。
⑴ 在紫色中紅的成份較多時，其知覺具有壓制感、要挾感。
⑵ 在紫色中參加大批的黑，其覺得就趨于煩悶、傷感、恐懼。
⑶ 在紫色中參加白，可使紫色煩悶的性情消逝，變得粗俗、嬌氣，并布滿女性的魅力。
6、白色的色感黑暗，性情質樸、純潔、高興。白色具有純潔的不容進犯性。假如在白色中參加其它任何色，都會影響其純潔性，使其性情變的蘊藉。
⑴ 在白色中混入大批的紅，就成為淡淡的粉色，新穎而布滿引誘。
⑵在白色中混入大批的黃，則成為一種乳黃色，給人一種香膩的印象。
⑶ 在白色中混入大批的藍，給人覺得清冷、干凈。
⑷ 在白色中混入大批的橙，有一種枯燥的氛圍。
⑸ 在白色中混入大批的綠，給人一種稚嫩、溫和的覺得 。
⑹ 在白色中混入大批的紫，可誘導人聯想到淡淡的芬芳。 1、用一種色彩
這里是指先選定一種色彩，然后調整通明度或許飽和度，(說得淺顯些就是將色彩變淡或則加深)，發作新的色彩，用于這樣的頁面看起來色彩同一，有層次感。
2、用兩種色彩
先選定一種色彩，然后挑選它的比照色(在photoshop里按ctrl+shift+I)，這樣整個頁面色彩豐厚但不花哨。
3、用一個色系
繁雜的說就是用一個覺得的色彩，例如淡藍，淡黃，淡綠；或許土黃，土灰，土藍。肯定色彩的方法各人不同，我是在photoshop里按前風光方框，在跳出的拾色器窗中挑選“自定義”，然后在“色庫”當選就可以了。
4、用玄色和一種黑色
比方：大紅的字體配玄色的邊框覺得會很“跳”。
在配色中，最忌諱的：
1、不要將一切色彩都用到，盡量把握在三種色彩以內。
2、背景和前文的比照盡量要大(相對不要用花紋繁復的圖案作背景)，以便一般次要寶貝、文字及產品方式。
七、網頁色彩搭配作風
不同的網站有著自己不同的作風，也有著自己不同的色彩。網站使用色彩大約分為幾品種型：
1、 公-司色
在如今企業中，公-司的CI抽象顯得特別次要，每一個公-司的CI想象必定要有規范的色彩。比方新浪網的主色彩是一種介于淺黃和深黃之間的色彩，同時抽象宣揚、海報、廣告使用的色彩都和網站的色彩分歧。再比方國富投資公-司的主色彩是C：100%，M：60%，Y：0%，K：0%。這樣的色彩使用到網站上顯得色彩天然、底蘊深沉。
2、 作風色
很多網站使用色彩秉承的是公-司的作風。比方海爾使用的色彩是一種中性的綠色，即布滿暮氣有不失自己的創新肉體。女性網站使用粉白色的較多，至公-司使用藍色的較多……這些都是在一般自己的作風。
3、 習氣色
這些網站的色彩使用很大一局部是憑自己的團體喜好，以團體網站較多使用，比方自己喜愛白色、紫色、玄色等，在做網站的時分就傾向于這種色彩。每一團體都有自己喜愛的色彩，因此這品種型稱為習氣色。 華藝時空總結：評價一個網站好與壞，其網站的界面的色彩搭配是很次要的一點。關于網站色彩的搭配，在業界固然沒有一個同一的規范，但要想使自己的網站別具一格，就得多對一些想象優良的網站停止比擬和鑒戒。網頁想象的色彩搭配是一個在理論中不時的探索和不時的創新的進程。因此，自己要仔細進修、吸納他人保守的想象理念、方法和經歷，這樣才干疾速地提高我們的想象水平。
好了，本期專題就做到這兒。假如有什么看法、倡議和好的思緒，請您聯絡我：QQ 453176843 ，華藝電腦進修群群號 8971665。歡送自己參與議論！
網頁設計
網易博客平安提-示：零碎檢測到您以后密碼的平安性較低，為了您的賬號平安，倡議您適時修正密碼 立刻修正 | 封閉
色彩代碼：網頁色彩代碼大全及色彩搭配教程（轉帖）
2011-10-02 10:21:15| 分類： 默許分類| 標簽：|字號大中小 訂閱 轉自：2008-07-28 http://huayi898.blog.163.com/blog/static/258135162 00862874336792/ 華藝時空注：
鑒于冤家們（包括我自己）在想象網頁、取用色彩時四處東翻西找的方便，經過仔細進修領悟，覺得有必要把比擬片面的色彩代碼表做到博客中來，同時更覺得網頁色彩搭配慣例性學問與技藝非常次要。因此，我聚集了網上眾賢的卓識，做成了這期專題。期望能給自己的日常使用帶來便當，更期望冤家們天天提高，更上一層樓！
特請冤家們在轉載時說明：本專題來自于“華藝時空積學網”，拾掇改編：華藝時空。以示對自己休息效果的尊重（做這一個專題是需求工夫和精神的。老婆都打俺了，呵呵。。。。）
色彩代碼表（史上最全 一目了然） #000033 #000066 #000099 #0000CC #0000FF #003300 #003333 #003366 #003399 #0033CC #0033FF #006600 #006633 #006666 #006699 #0066CC #0066FF #009900 #009933 #009966 #009999 #0099CC #0099FF #00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF #330000 #330033 #330066 #330099 #3300CC #3300FF #333300 #333333 #333366 #333399 #3333CC #3333FF #336600 #336633 #336666 #336699 #3366CC #3366FF #339900 #339933 #339966 #339999 #3399CC #3399FF #33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF #33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF #660000 #660033 #660066 #660099 #6600CC #6600FF #663300 #663333 #663366 #663399 #6633CC #6633FF #666600 #666633 #666666 #666699 #6666CC #6666FF #669900 #669933 #669966 #669999 #6699CC #6699FF #66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF #66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF #990000 #990033 #990066 #990099 #9900CC #9900FF #993300 #993333 #993366 #993399 #9933CC #9933FF #996600 #996633 #996666 #996699 #9966CC #9966FF #999900 #999933 #999966 #999999 #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 #FFFFF0 #FFFFE0 #FFFAFA #FFFAF0 #FFFACD #FFF8DC #FFF68F #FFF5EE #FFF0F5 #FFEFDB #FFEFD5 #FFEC8B #FFEBCD #FFE7BA #FFE4E1 #FFE4C4 #FFE4B5 #FFE1FF #FFDEAD #FFDAB9 #FFD700 #FFD39B #FFC1C1 #FFC125 #FFC0CB #FFBBFF #FFB90F #FFB6C1 #FFB5C5 #FFAEB9 #FFA54F #FFA500 #FFA07A #FF8C69 #FF8C00 #FF83FA #FF82AB #FF8247 #FF7F50 #FF7F24 #FF7F00 #FF7256 #FF6EB4 #FF6A6A #FF69B4 #FF6347 #FF4500 #FF4040 #FF3E96 #FF34B3 #FF3030 #FF1493 #FDF5E6 #FAFAD2 #FAF0E6 #FAEBD7 #FA8072 #F8F8FF #F7F7F7 #F5FFFA #F5F5DC #F5DEB3 #F4A460 #F0FFFF #F0FFF0 #F0F8FF #F0F0F0 #F0E68C #F08080 #EEEEE0 #EEEED1 #EEEE00 #EEE9E9 #EEE9BF #EEE8CD #EEE8AA #EEE685 #EEE5DE #EEE0E5 #EEDFCC #EEDC82 #EED8AE #EED5D2 #EED5B7 #EED2EE #EECFA1 #EECBAD #EEC900 #EEC591 #EEB4B4 #EEB422 #EEAEEE #EEAD0E #EEA9B8 #EEA2AD #EE9A49 #EE9A00 #EE9572 #EE82EE #EE8262 #EE7AE9 #EE799F #EE7942 #EE7621 #EE7600 #EE6AA7 #EE6A50 #EE6363 #EE5C42 #EE4000 #EE3B3B #EE3A8C #EE30A7 #EE2C2C #EE1289 #EE00EE #EE0000 #EDEDED #EBEBEB #EAEAEA #E9967A #E8E8E8 #E6E6FA #E5E5E5 #E3E3E3 #E0FFFF #E0EEEE #E0EEE0 #E0E0E0 #E066FF #DEDEDE #DEB887 #DDA0DD #DCDCDC #DC143C #DBDBDB #DB7093 #DAA520 #DA70D6 #D9D9D9 #D8BFD8 #D6D6D6 #D4D4D4 #D3D3D3 #D2B48C #D2691E #D1EEEE #D1D1D1 #D15FEE #D02090 #CFCFCF #CDCDC1 #CDCDB4 #CDCD00 #CDC9C9 #CDC9A5 #CDC8B1 #CDC673 #CDC5BF #CDC1C5 #CDC0B0 #CDBE70 #CDBA96 #CDB7B5 #CDB79E #CDB5CD #CDB38B #CDAF95 #CDAD00 #CDAA7D #CD9B9B #CD9B1D #CD96CD #CD950C #CD919E #CD8C95 #CD853F #CD8500 #CD8162 #CD7054 #CD69C9 #CD6889 #CD6839 #CD661D #CD6600 #CD6090 #CD5C5C #CD5B45 #CD5555 #CD4F39 #CD3700 #CD3333 #CD3278 #CD2990 #CD2626 #CD1076 #CD00CD #CD0000 #CAFF70 #CAE1FF #C9C9C9 #C7C7C7 #C71585 #C6E2FF #C67171 #C5C1AA #C4C4C4 #C2C2C2 #C1FFC1 #C1CDCD #C1CDC1 #C1C1C1 #C0FF3E #BFEFFF #BFBFBF #BF3EFF #BEBEBE #BDBDBD #BDB76B #BCEE68 #BCD2EE #BC8F8F #BBFFFF #BABABA #BA55D3 #B9D3EE #B8B8B8 #B8860B #B7B7B7 #B5B5B5 #B4EEB4 #B4CDCD #B452CD #B3EE3A #B3B3B3 #B2DFEE #B23AEE #B22222 #B0E2FF #B0E0E6 #B0C4DE #B0B0B0 #B03060 #AEEEEE #ADFF2F #ADD8E6 #A6A6A6 #A52A2A #A4D3EE #A3A3A3 #A2CD5A #A2B5CD #A1A1A1 #A0522D #A020F0 #AB82FF #9FB6CD #9F79EE #9E9E9E #9BCD9B #9B30FF #9AFF9A #9ACD32 #9AC0CD #9A32CD #9932CC #98FB98 #98F5FF #97FFFF #96CDCD #969696 #949494 #9400D3 #9370DB #919191 #912CEE #90EE90 #8FBC8F #8F8F8F #8EE5EE #8E8E8E #8E8E38 #8E388E #8DEEEE #8DB6CD #8C8C8C #8B8B83 #8B8B7A #8B8B00 #8B8989 #8B8970 #8B8878 #8B8682 #8B864E #8B8386 #8B8378 #8B814C #8B7E66 #8B7D7B #8B7D6B #8B7B8B #8B795E #8B7765 #8B7500 #8B7355 #8B6969 #8B6914 #8B668B #8B6508 #8B636C #8B5F65 #8B5A2B #8B5A00 #8B5742 #8B4C39 #8B4789 #8B475D #8B4726 #8B4513 #8B4500 #8B3E2F #8B3A62 #8B3A3A #8B3626 #8B2500 #8B2323 #8B2252 #8B1C62 #8B1A1A #8B0A50 #8B008B #8B0000 #8A8A8A #8A2BE2 #8968CD #87CEFF #87CEFA #87CEEB #878787 #858585 #848484 #8470FF #838B8B #838B83 #836FFF #828282 #7FFFD4 #7FFF00 #7F7F7F #7EC0EE #7D9EC0 #7D7D7D #7D26CD #7CFC00 #7CCD7C #7B68EE #7AC5CD #7A8B8B #7A7A7A #7A67EE #7A378B #79CDCD #787878 #778899 #76EEC6 #76EE00 #757575 #737373 #71C671 #7171C6 #708090 #707070 #6E8B3D #6E7B8B #6E6E6E #6CA6CD #6C7B8B #6B8E23 #6B6B6B #6A5ACD #698B69 #698B22 #696969 #6959CD #68838B #68228B #66CDAA #66CD00 #668B8B #6495ED #63B8FF #636363 #616161 #607B8B #5F9EA0 #5E5E5E #5D478B #5CACEE #5C5C5C #5B5B5B #595959 #575757 #556B2F #555555 #551A8B #54FF9F #548B54 #545454 #53868B #528B8B #525252 #515151 #4F94CD #4F4F4F #4EEE94 #4D4D4D #4B0082 #4A708B #4A4A4A #48D1CC #4876FF #483D8B #474747 #473C8B #4682B4 #458B74 #458B00 #454545 #43CD80 #436EEE #424242 #4169E1 #40E0D0 #404040 #3D3D3D #3CB371 #3B3B3B #3A5FCD #388E8E #383838 #36648B #363636 #32CD32 #303030 #2F4F4F #2E8B57 #2E2E2E #2B2B2B #292929 #282828 #27408B #262626 #242424 #228B22 #218868 #212121 #20B2AA #1F1F1F #1E90FF #1E1E1E #1C86EE #1C1C1C #1A1A1A #191970 #1874CD #171717 #141414 #121212 #104E8B #0F0F0F #0D0D0D #0A0A0A #080808 #050505 #030303
#00FF7F #00FA9A #00F5FF #00EEEE #00EE76 #00EE00 #00E5EE #00CED1 #00CDCD #00CD66 #00CD00 #00C5CD #00BFFF #00B2EE #009ACD #008B8B #008B45 #008B00 #00868B #00688B #006400 #0000EE #0000CD #0000AA #00008B #000080 #990033 #CC6699 #FF6699 #FF3366 #993366 #CC0066 #CC0033 #FF0066 #FF0033 #CC3399 #FF3399 #FF9999 #FF99CC #FF0099 #CC3366 #FF66CC #FF33CC #FFCCFF #FF99FF #FF00CC #FF66FF #CC33CC #CC00FF #FF33FF #CC99FF #9900CC #FF00FF #CC66FF #990099 #CC0099 #CC33FF #CC99CC #990066 #993399 #CC66CC #CC00CC #663366 #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 #FFFFCC #FFCC00 #CC99090 #663300 #FF6600 #663333 #CC6666 #FF6666 #FF0000 #FFFF99 #FFCC66 #FF9900 #FF9966 #CC3300 #996666 #CC6600 #FF6633 #996633 #CC9999 #FF3333 #990000 #CC9966 #FFFF33 #CC9933 #993300 #FF9933 #330000 #993333 #CC3333 #CC0000 #FFCC99 #FFFF00 #996600 #CC6633 #99FFFF #33CCCC #00CC99 #99FF99 #009966 #33FF33 #33FF00 #99CC33 #CCC33 #009966 #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 #FFFFF #CCCCCC #999999 #666666 #333333 英文色彩代碼表（附下） red green blue yellow chocolate aquamarine lime fuchsia brass azure brown bronze deeppink aliceblue gray copper coral feldspar orange orchid pink plum quartz purple antiquewithe blanchedalmond blueviolet beige burlywood bisque cadetblue saddlebrown royalblue rosybrown orengered olivedrab powderblue peachpuff papayawhip paleturquoise palevioletred palegreen navyblue navajowhite palegodenrod violetred yellowgreen tomato turquoise thistle springgreen steelblue salmon scarlet sienna silver tan violet snow chartreuse firebrick gold khaki mediumslateblue mediumvioletred oldlace maroon goldenrod wheat whitesmoke moccasin mistyrose mintcream midnightblue dimgray darksalmon slategray skyblue seashell seagreen sandybrown mediumturquoise navy mediumspringgreen mediumseagreen mediumpurpul peru mediumorchid mediumblue mediumaquamarine limegreen lightyellow lightsteelblue lavender lavenderblush lemonchiffon lightyellow lightsteelblue lightslateblue lightslategray lightskyblue lightseagreen lightsalmon lightpink lightgray lightgreen lightgodenrodyellow indianred lightblue lightcoral lightcyan lightgodenrod hotpink greenyellow lawngreen deepskyblue honeydew forestgreen gostwhite gainsboro dodgerblue darkturquoise darkslateblue darkslategray darkseagreen darkred darkorchid darkorenge darkslateblue darkviolet floralwhite cyan cornsilk darkolivegreen darkgoldenrod darkcyan darkgreen darkhaki ivory darkmagenta darkgray cornfloewrblue darkviolet 網頁色彩搭配技巧教程（改編拾掇）
一般，我們在翻開一個網站時，第一印象并不是網站豐厚的方式，也不是網站公道的版面布局，而是網站的色彩搭配得如何。網站色彩的搭配對人的視覺成效非常具有沖擊力。自己曉得：網頁想象屬于平面成效想象之一，掃除平面圖形、動畫成效等，在平面視覺上色彩的沖擊力是最強的。因此，一個網站想象得成敗與否，必定水平上取決于想象者對色彩的搭配使用。
一、色彩根底學問
學過美術的人都曉得：我們平常所看到的白色光，是由紅、橙、黃、綠、青、藍、紫七色組成的，而各個色彩之間是天然過渡的。依照美術學科的色彩學問，我們把紅、黃、藍三種色彩叫做三原色，三原色是組成萬千色彩的最根本的色彩。三原色經過不同比例停止混合就可以失掉各種色彩（就如我們下面所列出的一成不變的色彩圖譜）。色彩還有冷暖色之分，暖色(如藍色)給人的覺得是恬靜、冰冷；而暖色(如白色)給人的覺得是熱鬧、熾熱。冷暖色的拙劣使用可以讓網站的色彩搭配發作意想不到的成效。
正由于色彩能影響到人的心思和心情，因此我們可以在想象網頁時形成自己共同的色彩感受，為閱讀者留下深化的印象。普通狀況下，各種色彩給人的覺得是：
白色：代表熱誠、生動、繁華、暖和、幸運、不祥 ；
橙色：代表黑暗、華美、鎮靜、甘美、高興；
黃色：代表陰暗、高興、高尚、期望；
綠色：代表新穎、寧靜、戰爭、溫和、閑適、青春；
藍色：代表長遠、永久、喧鬧、明智、老實、嚴寒；
紫色：代表粗俗、高尚、魅力、自傲；
白色：代表純潔、純潔、樸實、高尚、晦澀；
灰色：代表憂傷、消沉、謙遜、偉大、緘默、中庸、孤單；
玄色：代表高尚、堅實、嚴厲、剛健、粗莽；
二、色彩搭配準繩
色彩搭配既是一項技術性任務，同時它也是一項藝術性很強的任務。因此，想象者在想象網頁時除了要思索網站本身的特性外，還要遵照必定的藝術規律，想象遜色彩分明，性情共同的網站。
1、特征分明
一個網站的用色必需要有自己共同的作風，只需特性分明，才干給閱讀者留下深化的印象。
2、搭配公道
網頁想象固然屬于平面想象的范圍，但它又與其它平面想象有所不同。它必需在服從藝術規律的同時，還要思索到人的生理特性。因此，色彩搭配必定要公道，要給人一種調和、高興的覺得，防止采用純度很高的繁多色彩，這樣輕易形成視覺疲憊。
3、考究藝術性
網站想象也是一種藝術創新。在遵照藝術規律的同時，還要思索到網站本身的特性，要依照方式決議方式的準繩，大膽停止藝術創新，想象出既契合網站請求，又有必定藝術特征的網站。
三、色彩搭配應留意的題目
1、使用單色
雖然網站想象要防止采用繁多色彩，免得發作枯燥的覺得，但經過調整色彩的飽和度和通明度也可以發作變化，使網站防止枯燥。
2、使用臨近色
所謂臨近色，就是在色帶上相臨近的色彩，例如綠色和藍色，白色和黃色就互為臨近色。采用臨近色想象網頁，可以使網頁防止色彩蕪雜，以到達頁面藝術的調和與同一。
3、使用比照色
比照色可以一般重點，發作了激烈的視覺成效。經過公道使用比照色，可以使網站特征分明、重點一般。在想象時普通以一種色彩為主色彩，比照色作為裝點，以起到一語道破的作用。
4、玄色的使用
玄色是一種特別的色彩，假如使用妥當，想象公道，經常發作很激烈的藝術成效。玄色普通用來作背風光，與其它純度色彩搭配使用。
5、背風光的使用
背風光普通采用素雅平淡的色彩，防止采用花紋繁雜的圖片和純度很高的色彩作為背風光，同時背風光要與文字的色彩比照搭配好，使之與文字色彩對的比激烈一些。
6、色彩的數目
普通初學者在想象網頁時經常使用多種色彩，使網頁變得很“花哨”，缺少內在美感和調和同一。本質上，網站的用色不是越多越好，普通應把握在三種色彩以內，經過調整色彩的各種屬性來使之發作變化。
關于做網頁的初學者來說，他們能夠更情愿使用一些美麗圖片作為自己網頁的背景。但你閱讀一下那些大型貿易網站，就會發覺：他們更多使用的是白色、藍色、黃色等，使得網頁顯得高雅、小氣和溫暖。更次要的是，這樣可以大大放慢閱讀者翻開網頁的速度。
普通來說，網頁的背風光該當溫和一些、素雅一些、濃艷一些，再配上深色的文字，使人看起來會從心思上發作天然、愉快的覺得。假如為了追求醒手腕視覺成效，可以為標題使用較深的色彩。下面我們分離一些勝利人士對網頁背景和文字色彩搭配的經歷，舉出如下一些實例以供參考。這些色彩可以做注釋的底色，也可以做標題的底色，再搭配不同的字體，必定會發作不錯的成效，期望對自己有用。
當然，自己可以充沛發揚自己的想象力，搭配出更有新意、更醒手腕色彩，使網頁更具有吸收力。
四、相關字體色彩的搭配
文本是網頁中最為次要的想象元素。固然互聯網日趨興旺、網絡消-息少量出現、精巧網頁屢見不鮮，但都必需經過文本、圖像、Flash動畫等來作為想象要素。其中，文本想象關于網頁想象者來講就顯得尤為次要。
1、文字的格式化
⑴字號、字體、行距
字號大小可以用不同的方式來計算，例如磅或像素。由于以像素技術為根底單位打印時需求轉換為磅，所以，倡議采用磅為單位。
最合適于網頁注釋顯現的字體大小為12磅左右。如今很多的分析性站點，由于在一個頁面中需求布置的方式較多，一般采用9磅的字號。較大的字體可用于標題或其他需求夸大的中央，小一些的字體可以用于頁腳和輔佐消-息。需求留意的是，小字號輕易發作全體感和精巧感，但可讀性較差。
網頁想象者可以用字體來更充沛地表示想象中要表達的情感。字體挑選是一種理性、直觀的行為。但是，不管挑選什么字體，都要契合網頁的總體想象和閱讀者的理論需求。例如：粗體字健壯有力，有男性特性，合適機械、修建業等方式；細體字庸俗精細，有女性特性，更合適服裝、化裝品、食品等行業的方式。在同一頁面中，字體品種少，版面俗氣，有波動感；字體品種多，則版面生動，豐厚多彩。關鍵是如何依據頁面方式來把握這個比例聯系。
從加強平臺有關性的角度來思索，注釋方式最好采用缺省字體。由于閱讀器是用外地機器上的字庫顯現頁面方式的。作為網頁想象者必需思索到大少數閱讀者的機器里只裝有三種字體類型及一些相應的特定字體。而你指定的字體在閱讀者的機器里并不必定可以找到，這給網頁想象帶來很大的局限。處理題目的方法是：在確有必要使用特別字體的中央，可以將文字制成圖像，然后拔出頁面中。
行距的變化也會對文本的可讀性發作很大影響。普通狀況下，接近字體尺寸的行距設置比擬合適注釋。行距的慣例比例為10:12，即用字10點，則行距12點。這次要是出于以下思索：妥當的行距會形成一條分明的水平空缺帶，以指導閱讀者的眼光，而行距過寬會使一行文字得到較好的持續性。
除了關于可讀性的影響，行距本身也是具有很強表示力的想象言語。為了加強版式的粉飾成效，可以無認識地加寬或縮窄行距，表示共同的審美意趣。例如，加寬行距可以表示慌張、伸展的心情，使用于文娛性、抒懷性的方式恰如其分。另外，經過細心布置，使寬、窄行距并存，可加強版面的空間層次與彈性，表示出獨到的匠心。
行距可以用行高的屬性來設置，倡議以磅或默許行高的百分數為單位。例如：line-height：20pt、line-height：150%。
⑵文字的全體編排
頁面里的注釋局部是由很多單個文字經過編排組成的集體，要充沛發揚這個集體外形在版面全體布局中的作用。從藝術的角度可以將字體本身看成是一種藝術方式，它在特性和情感方面對人們有著很大影響。在網頁想象中，字體的處置與色彩、版式、圖形等其他想象元素的處置一樣非常關鍵。從某種意義下去講，一切的想象元素都可以了解為圖形。
①文字的圖形化
字體具有兩方面作用：一是完成字意與語義的功用，二是美學效應。
所謂文字圖形化，即是夸大它的美學效應，把記號性的文字作為圖形元從來表示，同時又強化了原有的功用。作為網頁想象者，既可以依照慣例的方式來設置字體，也可以對字體停止藝術化的想象。不管怎樣，一切都應盤繞如何更遜色地完成自己的想象目的。
將文字圖形化、意象化，以更富創意的方式表達出深層的想象思想，可以克制網頁的枯燥與平淡，從而感動人心。
②文字的疊置
文字與圖像之間或文字與文字之間在經過疊置后，可以發作空間感、騰躍感、通明感、雜音感和敘事感，從而成為頁面中最生動的、令人注手腕元素。固然疊置手法影響了文字的可讀性，但是能形成頁面共同的視覺成效。這種不追求易讀，而刻意追求“雜音”的表示手法，表示了一種藝術思潮。因此，它不只少量使用于保守的版式想象，在網頁想象中也被普遍地加以采用。
③標題與注釋
在停止標題與注釋的編排時，可先思索將注釋作雙欄、三欄或四欄的編排，再停止標題的置入。將注釋分欄，是為了求取頁面的空間與彈性，防止通欄的板滯以及標題拔出方式的繁多性。標題雖是整段或整篇文章的標題，但不必定千篇一概地置于段首之上。可作居中、橫向、豎向或邊置等編排處置，以至可以間接拔出字群中，以新奇的版式來打陳舊有的規律。
④文字編排的四種根本方式
頁面的注釋局部是由很多單個文字經過編排組成的集體，要充沛發揚這個集體外形在版面全體布局中的作用。
兩端均齊：文字從左端到右真個長度均齊，字群形成方方正正的面，顯得端正、松散、美妙。
居中陳列：在字距相等狀況下，以頁面核-心為軸線陳列，這種編排方式使文字愈加一般，發作對稱的方式美。
左對齊或右對齊：左對齊或右對齊使行首或行尾天然形成一條清楚的垂直線，很輕易與圖形合作。這種編排方式有松有緊，有虛有實，跳動而飄逸，發作節拍與韻律的方式美。左對齊契合人們閱讀時的習氣，顯得天然；右對齊因不太契合閱讀習氣而較少采用，但顯得新奇。
繞圖陳列：將文字繞圖形邊沿陳列。假如將底圖拔出文字中，會令人感到和諧、天然。
2、文字的夸大
⑴行首的夸大
將注釋的第一個字或字母縮小并作粉飾性處置，嵌入段落的掃尾，這在保守媒體版式想象中稱之為“下墜式”。此技巧的創造溯源于歐洲中世紀的文稿謄寫員。由于它有吸收視野、粉飾和生動版面的作用，所以被使用于網頁的文字編排中。其下墜幅度應逾越一個完好字行的高低幅度。至于縮小幾，則依據所處網頁環境而定。
⑵引文的夸大
在停止網頁文字編排時，經常會碰到模棱兩可性的文字，即引文。引文概括一個段落、一個章節或全文粗心，因此在編排上應索取特別的頁面地位和空間來夸大。引文的編排方式多種多樣，如將引文嵌入注釋的左右側、上方、下方或核-心地位等，并且可以在字體或字號上與注釋相區別而發作變化。
⑶一般文字的夸大
假如將一般文字作為頁面的訴求重點，則可以經過加粗、加框、加下劃線、加指示性符號、傾斜字體等手腕無認識地強化文字的視覺成效，使其在頁面全體中顯得出眾而耀眼。另外，改動某些文字的色彩，也可以使這局部文字失掉夸大。這些方法理論上都是使用了比照的規律。
3、文字的色彩
說了半天，才說到正題上。在網頁想象中，想象者可以為文字、文字鏈接、已拜訪鏈接和以后活動鏈接選用各種色彩。使用不同色彩的文字可以使想要夸大的局部愈加引人矚目。但該當留意：關于文字的色彩，只可大批使用，假如什么都想夸大，實在是什么都沒有夸大。況且，在一個頁面上使用過多的色彩，會影響閱讀者閱讀頁面方式，除非你有特別的想象手腕。
色彩的使用除了可以起到夸大全體文字中特別局部的作用之外，關于整個文案的情感表達也會發作影響。這觸及色彩的情感意味性題目，限于篇幅，在這里不做深化討論。
另外需求留意的是文字色彩的比照度，它包括明度上的比照、純度上的比照以及冷暖的比照。這些不只對文字的可讀性發作作用，更次要的是，你可以經過對色彩的使用完成想要的想象成效、想象情感和想象思想。
五、網頁色彩搭配的色感
1、白色的色感暖和，性情剛強而內向，是一種對人安慰性很強的色。白色輕易惹起人的留意，也輕易使人鎮靜、激動、慌張、激動、還是一種輕易形成人視覺疲憊的色。
⑴在白色中參加大批的黃，會使其熱力強大，趨于躁動、不安。
⑵在白色中參加大批的藍，會使其熱性削弱，趨于粗俗、溫和。
⑶在白色中參加大批的黑，會使其性情變的沉穩，趨于厚重、質樸。
⑷在紅中參加大批的白，會使其性情變的溫順，趨于蘊藉、羞怯、柔嫩。
2、黃色的性情冷漠、傲慢、遲鈍、具有擴張和不安定的視覺印象。黃色是各種色彩中，最為嬌氣的一種色。只需在純黃色中混入大批的其它色，其色相感和色性情均會發作較大水平的變化。
⑴在黃色中參加大批的藍，會使其轉化為一種新穎的綠色。其傲慢的性情也隨之消逝，趨于一種溫和、潮潤的覺得。
⑵在黃色中參加大批的紅，則具有分明的橙色覺得，其性情也會從冷漠、傲慢轉化為一種有分寸感的熱誠、暖和。
⑶ 在黃色中參加大批的黑，其色感和色性變化最大，成為一種具有分明橄欖綠的復色印象。其色性也變的干練、隨和。
⑷ 在黃色中參加大批的白，其色感變的溫和，其性情中的冷漠、傲慢被淡化，趨于蘊藉，易于接近。
3、藍色的色感冷言冷語，性情質樸而內向，是一種有助于人頭腦冷言冷語靜的色。藍色的質樸、內向性情，常為那些性情生動、具有較強擴張力的色彩，提供一個長遠、廣埔、寧靜的空間，成為烘托生動色彩的友善而謙遜的冤家。藍色還是一種在淡化后依然似能堅持較強特性的色。假如在藍色中辨別參加大批的紅、黃、黑、橙、白等色，均不會對藍色的性情形成較分明的影響力。
⑴ 假如在橙色中黃的成份較多，其性情趨于甜蜜、亮麗、芬芳。
⑵ 在橙色中混入小量的白，可使橙色的知覺趨于煩躁、有力。
4、綠色是具有黃色和藍色兩種成份的色。在綠色中，將黃色的擴張感和藍色的膨脹感相中庸，將黃色的暖和感與藍色的嚴寒感相抵消。這樣使得綠色的性情最為溫和、平穩。是一種柔順、舒適、潢足、美麗的色。
⑴ 在綠色中黃的成份較多時，其性情就趨于生動、友善，具有干練性。
⑵ 在綠色中參加大批的黑，其性情就趨于嚴厲、干練、干練。
⑶ 在綠色中參加大批的白，其性情就趨于干凈、清新、新穎。
5、紫色的明度在有黑色的色料中是最低的。紫色的低明度給人一種煩悶、奧秘的覺得。
⑴ 在紫色中紅的成份較多時，其知覺具有壓制感、要挾感。
⑵ 在紫色中參加大批的黑，其覺得就趨于煩悶、傷感、恐懼。
⑶ 在紫色中參加白，可使紫色煩悶的性情消逝，變得粗俗、嬌氣，并布滿女性的魅力。
6、白色的色感黑暗，性情質樸、純潔、高興。白色具有純潔的不容進犯性。假如在白色中參加其它任何色，都會影響其純潔性，使其性情變的蘊藉。
⑴ 在白色中混入大批的紅，就成為淡淡的粉色，新穎而布滿引誘。
⑵在白色中混入大批的黃，則成為一種乳黃色，給人一種香膩的印象。
⑶ 在白色中混入大批的藍，給人覺得清冷、干凈。
⑷ 在白色中混入大批的橙，有一種枯燥的氛圍。
⑸ 在白色中混入大批的綠，給人一種稚嫩、溫和的覺得 。
⑹ 在白色中混入大批的紫，可誘導人聯想到淡淡的芬芳。 1、用一種色彩
這里是指先選定一種色彩，然后調整通明度或許飽和度，(說得淺顯些就是將色彩變淡或則加深)，發作新的色彩，用于這樣的頁面看起來色彩同一，有層次感。
2、用兩種色彩
先選定一種色彩，然后挑選它的比照色(在photoshop里按ctrl+shift+I)，這樣整個頁面色彩豐厚但不花哨。
3、用一個色系
繁雜的說就是用一個覺得的色彩，例如淡藍，淡黃，淡綠；或許土黃，土灰，土藍。肯定色彩的方法各人不同，我是在photoshop里按前風光方框，在跳出的拾色器窗中挑選“自定義”，然后在“色庫”當選就可以了。
4、用玄色和一種黑色
比方：大紅的字體配玄色的邊框覺得會很“跳”。
在配色中，最忌諱的：
1、不要將一切色彩都用到，盡量把握在三種色彩以內。
2、背景和前文的比照盡量要大(相對不要用花紋繁復的圖案作背景)，以便一般次要寶貝、文字及產品方式。
七、網頁色彩搭配作風
不同的網站有著自己不同的作風，也有著自己不同的色彩。網站使用色彩大約分為幾品種型：
1、 公-司色
在如今企業中，公-司的CI抽象顯得特別次要，每一個公-司的CI想象必定要有規范的色彩。比方新浪網的主色彩是一種介于淺黃和深黃之間的色彩，同時抽象宣揚、海報、廣告使用的色彩都和網站的色彩分歧。再比方國富投資公-司的主色彩是C：100%，M：60%，Y：0%，K：0%。這樣的色彩使用到網站上顯得色彩天然、底蘊深沉。
2、 作風色
很多網站使用色彩秉承的是公-司的作風。比方海爾使用的色彩是一種中性的綠色，即布滿暮氣有不失自己的創新肉體。女性網站使用粉白色的較多，至公-司使用藍色的較多……這些都是在一般自己的作風。
3、 習氣色
這些網站的色彩使用很大一局部是憑自己的團體喜好，以團體網站較多使用，比方自己喜愛白色、紫色、玄色等，在做網站的時分就傾向于這種色彩。每一團體都有自己喜愛的色彩，因此這品種型稱為習氣色。 華藝時空總結：評價一個網站好與壞，其網站的界面的色彩搭配是很次要的一點。關于網站色彩的搭配，在業界固然沒有一個同一的規范，但要想使自己的網站別具一格，就得多對一些想象優良的網站停止比擬和鑒戒。網頁想象的色彩搭配是一個在理論中不時的探索和不時的創新的進程。因此，自己要仔細進修、吸納他人保守的想象理念、方法和經歷，這樣才干疾速地提高我們的想象水平。
好了，本期專題就做到這兒。假如有什么看法、倡議和好的思緒，請您聯絡我：QQ 453176843 ，華藝電腦進修群群號 8971665。歡送自己參與議論！
網頁設計分類：潮流服裝
