按色相的搭配分類

列舉一些最為代表常見的顏色值，讓你能快速的找到自己想要的代碼

紅色

#FFFFCC#CCFFFF#FFCCCC #99CCCC#FFCC99#FFCCCC #FF9999#996699#FFCCCC #CC9999#FFFFCC#CCCC99 #FFCCCC#FFFF99#CCCCFF #0099CC#CCCCCC#FF6666 #FF9966#FF6666#FFCCCC #CC9966#666666#CC9999 #FF6666#FFFF66#99CC66 #CC3333#CCCCCC#003366 #993333#CCCC00#663366 #CCCC99#666666#CC9999 #FF6666#FFFF00#0066CC #CC0033#333333#CCCC00 #336633#990033#FFCC99 #993333#CC9966#003300 #FF0033#333399#CCCC00 #CC0033#000000#003399 #000000#99CC00#CC0033 #999933#993333#333300

橙色

#FFCC99#FFFF99#99CC99 #FFCC99#CCFF99#CCCCCC #FFCC99#FFFFCC#99CCFF #FF9966#FFFFCC#99CC99 #FF9900#FFFFCC#336699 #CCCC33#FFFF99#CC9933 #996600#FFCC33#FFFFCC #FFFFCC#CC9933#336666 #FF9900#FFFF00#0099CC #99CC33#FF9900#FFCC00 #FF9933#99CC33#CC6699 #FF9933#FFFF00#3366CC #FF9933#FFFFCC#009966 #FF6600#FFFF66#009966 #990033#CCFF66#FF9900 #FF9966#996600#CCCC00 #CC6600#999999#CCCC33 #CC6600#CCCC33#336699 #000000#FF9933#999966 #663300#FF9933#FFFF66

黃色

#FFFFCC#CCFFFF#FFCCCC #FFFF00#FFFFFF#CCCC00 #99CCFF#FFCC33#FFFFCC #FFFF33#99CCFF#CCCCCC #FFFF00#FFFFFF#9933FF #99CCFF#FFCC33#FFFF33 #FFCC00#66CC00#FFFF99 #FF9900#FFFF00#0099CC #FFCC00#0000CC#FFFF99 #CC9999#FFFFCC#6666CC #999933#FFFFCC#CC99CC #CCCC00#666600#FFFF66 #FF9966#FFFFCC#99CC99 #FFCC33#FFFFCC#999966 #FFCC99#FF6666#FFFF66 #FFCC99#999966#FFFF00 #FFFF99#99CC99#666600 #999966#FFFF99#333333 #006633#333300#CCCC99 #006633#663300#CCCC66

黃綠色

#33CC33#6666CC#FFFFFF #CCCC33#FFFFFF#CCFFCC #FFCC99#CCFF99#CCCCCC #CCCC00#999966#FFFFCC #CCCC33#FFFFFF#336699 #CCCC33#999999#CCFFFF #00CC00#0066CC#99CCCC #99CC33#FF9900#FFCC00 #99CC33#CCCCFF#663300 #CCCC33#993399#000000 #CC6600#999999#CCCC33 #CC9933#FFFF99#99CC99 #669933#CCCC33#663300 #99CC33#CCCCCC#000000 #CC6600#CCCC33#336699 #666600#CCCC66#CCFFCC #333366#99CC33#336699 #666666#99CC33#003366 #003333#99CC33#999999 #996633#FFFF99#99CC66

綠色

#009966#FFFFFF#FFFF00 #339933#FFFFFF#9933CC #339933#FFFFFF#000000 #339933#99CC00#FFFFCC #FFFFCC#CCCC66#336666 #99CC33#FFFF66#336600 #339933#CC9900#666666 #339966#CCCCCC#003366 #669933#CCCCCC#000000 #339933#CCCCCC#6699CC #006633#CCCC33#CC9933 #339933#666633#CCCC66 #339933#FFCC33#336699 #006633#669933#99CC99 #336666#996633#CCCC33 #003300#669933#CCCC99 #006633#990033#FF9900 #006633#333300#CCCC99 #006633#663300#CCCC66 #993333#CC9966#003300

青綠色

#CCFF99#FFFFFF#66CCCC #339999#FFFFFF#99CCFF #66CC99#FFFFFF#666699 #009999#66CCCC#CCFFFF #66CCCC#CCFF66#FF99CC #339999#FFFF00#336699 #CC9933#339999#FFCC33 #FFCC00#009999#CC3333 #669999#CCCCCC#CC99CC #339999#CCCCCC#000000 #339999#666699#CCCCCC #003333#99CC99#FFFFCC #669999#CCFFCC#996699 #996699#CCCC99#669999 #999966#CCCC99#339999 #336666#669999#CCCC99 #999999#003366#669999 #663333#339999#CCCC66 #333333#339999#CCFFCC #336666#3399CC#666666

藍色

#FFFFCC#CCFFFF#FFCCCC #99CCCC#FFFFFF#3399CC #CCFFCC#99CCCC#FFFFCC #CCCCFF#FFFFFF#99CCFF #FFCC99#FFFFCC#99CCFF #336699#FFFFFF#99CCCC #99CCCC#FFFFFF#CCFF99 #CCCCFF#FFFFCC#CCFFFF #99CCCC#FFFFFF#336699 #99CCFF#CCFFFF#6699CC #99CC33#FFFFFF#3399CC #0099CC#FFFFCC#666699 #CCCCCC#003366#99CCFF #0099CC#FFFFFF#666666 #CCCCCC#6699CC#666666 #336699#CCCC99#003366 #3399CC#003366#CCCCCC #6699CC#006699#000000 #003366#CCCCCC#006699 #999933#336699#333333

藍紫色

#CCFFFF#FFFFFF#CCCCFF #CCCCCC#FFFFFF#666699 #99CCFF#FFFFFF#333399 #6666CC#FFFFFF#FF9999 #9999FF#FFCC33#FFFFCC #0099CC#FFFFCC#666699 #0000FF#6699FF#CCFFFF #6666FF#66CCFF#CCFF66 #669999#FFFFCC#6666CC #9999CC#FF9999#666699 #003399#FFCCCC#6699CC #CC6666#333399#CCCC00 #000066#6666FF#CCCCCC #003399#CCFF99#333333 #333366#CC0033#CCCCCC #336699#CCCC66#333300 #003399#FFFF99#000000 #990066#CCCC33#003399 #CC3333#000000#003399 #333366#999966#333333

紫色

#FFFFCC#FFFF99#CCCCFF #9999CC#99CC99#FFFFFF #FFCCCC#CCCCFF#CCCC99 #9999CC#FFFFCC#FFCCCC #FFCCCC#FF99CC#CCCCFF #660066#FFFFFF#663333 #CCCC99#333333#9966CC #CCCC00#FF9966#663399 #996699#FFCCCC#CC99CC #996666#CC99CC#FFCCCC #FFCC99#FF9933#663366 #333399#CCCCFF#CC99CC #663366#CCCCCC#CC99CC #996699#9999CC#CCCCFF #CC9966#999999#663366 #330033#666666#669999 #CCCCCC#999999#663366 #FF33CC#CCCC99#663366 #663366#999999#CCCCFF #999966#993333#330033

紫紅色

#FFCCCC#FFFFFF#99CC00 #FF99CC#FFFFFF#993366 #66CC99#FFFFFF#CC6699 #CC9999#FFCCCC#CC99CC #FFCCCC#FFFF99#CCCCFF #FFFF99#993399#FF99CC #66CCCC#CCFF66#FF99CC #FF99CC#003399#CCCC00 #FFCCCC#FF99CC#CCCCFF #FF9999#FFCCCC#FF99CC #669966#CC6699#FFCCFF #CCCCCC#CC99CC#CC3399 #CC3399#FFCC99#FF6666 #FF3399#CCCC99#663366 #663366#FFFFCC#FFCCCC #663366#CCCCCC#CC99CC #990066#FFCC00#CC0033 #990066#CCCCCC#006699 #999900#990033#000000 #990066#000000#009966

按印象的搭配分類

顏色的搭配在很多人眼中往往覺得很復雜，其實網頁顏色的搭配取決于各人的想法，經歷，和見解，演示能反應人的喜怒哀樂，也能同時賦予瀏覽器同樣的情感，給人能第一眼帶來什么感覺，是每個設計師搭配顏色前的思路…… 世間顏色千變萬化，搭配起來的視覺感受也千變萬化，能不能抓住瀏覽用戶的第一眼球，就看你的了……

柔和、明亮、溫柔

#FFFFCC#CCFFFF#FFCCCC #FFCCCC#FFFF99#CCCCFF #FF9966#FF6666#FFCCCC #FFCC99#CCFF99#CCCCCC #FFCCCC#CCCCFF#CCFFCC #CCFFFF#CCCCCC#CCFF99 #FFCCCC#FFFFFF#99CC99 #99CCCC#FFCC99#FFCCCC #CCCCFF#FFCCCC#CCFFFF #FFCC99#FFFFCC#99CCCC

柔和、潔凈、爽朗

#CCFF99#FFFFFF#99CCFF #99CCCC#FFFFFF#CCFF99 #CCFFCC#FFFFFF#66CCCC #CCCCFF#FFFFFF#99CCCC #CCFFCC#99CCCC#FFFFCC #CCFFFF#FFFFFF#CCCCFF #CCFFFF#FFFFFF#99CCFF #66CCFF#FFFFFF#CCFFFF #6699CC#FFFFFF#99CCFF #CCCCFF#FFFFFF#99CCFF

可愛、快樂、有趣

#66CCCC#CCFF66#FF99CC #FF9999#FFFFFF#FFCC99 #FF6666#FFFF66#99CC66 #666699#FFFFFF#FF9999 #99CC33#FF9900#FFCC00 #FF0033#FFFFFF#FF9966 #FF9900#CCFF00#CC3399 #99CC33#FFFFFF#FF6600 #993366#CCCC33#666633 #66CCCC#FFFFFF#666699

活潑、快樂、有趣

#CC9999#FFFF99#666699 #FF9900#FFFF00#0099CC #CCCC99#CC3399#99CC00 #FF6666#FFFF00#3399CC #CC6600#999999#CCCC33 #FF9933#FFFFCC#009933 #0099CC#CCCCCC#FF6666 #FF6600#FFFF66#009966 #CC6633#FFCC99#CC6600 #CC0066#009999#FFCC33

運動型、輕快

#FF6666#FFFF00#006699 #FF9966#FFFFFF#0066CC #339933#FFCC33#336699 #FF9900#FFFFCC#336699 #CC6600#CCCC44#336699 #99CC33#FFFFFF#0099CC #99CC33#FF6666#336699 #336699#FFFFFF#99CCCC #FF0033#333399#CCCC00 #33CC99#FFFF00#336699

輕快、華麗、動感

#990066#FFCC00#CC0033 #FFCC33#333399#FF0033 #666699#FFFF00#FF0033 #FF0033#006699#FFFF33 #FFCC00#009999#CC3366 #FF0033#CCCC00#006699 #CCCC00#FF9933#663399 #FF9933#FFFF00#336699 #CC3333#FFCCCC#99CC00 #003399#FFFF00#FF6600

狂野、充沛、動感

#990066#FFFF00#003399 #CC0033#000000#003399 #003399#FFFF00#F00000 #CC3333#CCCCCC#003366 #CC0033#333333#CCCC00 #000000#99CC00#CC0033 #FF0033#333333#FF9900 #990066#000000#009966 #666666#FF6600#333333 #993333#CCCC00#663366

華麗、花哨、女性化

#FFFF99#993399#FF99CC #FF6666#FFFFFF#339999 #FF99CC#003399#CCFF00 #66CC99#FFFFFF#CC6699 #CC3399#FFCC99#FF6666 #FFCCCC#FFFFFF#993366 #CC6699#FFFF00#666699 #CC6699#99CC66#663366 #FF33CC#CCCC99#663366 #CC3399#FFCC99#FF6666

回味、女性化、優雅

#CCCCCC#CC99CC#CC3399 #FFCCCC#FF99CC#CCCCFF #CC3399#9933CC#CC99CC #9999CC#FFFFCC#FFCCCC #663366#CCCCCC#CC99CC #FF9999#FFCCCC#FF99CC #996666#CC99CC#FFCCCC #CC9999#CCCCCC#FFCCCC #FF9999#996699#FFCCCC #996699#FFCCCC#CC99CC

高尚、自然、安穩

#CCCC33#FFFF99#CC9933 #CC9966#CCCC66#669999 #FF9966#996600#CCCC00 #CCCC66#660033#CC6600 #CCCC00#666600#CCCCFF #CC9933#009999#FFCC33 #999966#CCCC99#339999 #99CC99#669933#336633 #666633#999933#CC9966 #660000#CC9900#CCCC99

冷靜、自然

#FFFF99#99CC99#666600 #996633#FFFF99#99CC66 #006600#66CC66#CCFF99 #666600#CCCC66#CCFFCC #669933#CCCC33#663300 #666633#999933#CC9966 #003300#669933#CCCC99 #006633#663300#CCCC66 #666600#FFFFCC#999999 #006633#333300#CCCC99

傳統、高雅、優雅

#999933#FFFFCC#CC99CC #CC9966#666666#CC9999 #CCCC99#333333#9966CC #CCCC99#666666#CC9999 #996699#CCCC99#669999 #CC9966#999999#666666 #339966#CCCCCC#996699 #663366#999999#CCCCFF #996699#9999CC#CCCCFF #CCCC99#999999#663300

傳統、穩重、古典

#6699CC#663366#CCCC99 #990033#CCFF66#FF9900 #666699#660033#99CC99 #663300#FF9933#FFFF66 #990033#006633#CCCC00 #660033#999933#660099 #993366#CCCC33#666633 #996600#CCCC66#666600 #009933#CC9900#666666 #666633#CCCC33#CC3366

忠厚、穩重、有品位

#FFFFCC#CC9933#336666 #336666#996633#CCCC33 #336633#990033#FFCC99 #333366#669999#996600 #993333#CC9966#003300 #336633#CCCC99#333366 #663300#999933#333333 #663366#666666#333366 #999900#990033#CC99CC #333366#990033#CCCCCC

簡單、潔凈、進步

#CCCCCC#FFFFFF#666699 #CCFF66#FFFFFF#003366 #99CCFF#FFFFFF#336699 #CCCC33#FFFFFF#336699 #0099FF#FFFFCC#666699 #99CC33#CCCCCC#000000 #CCCCCC#003366#99CCFF #0099CC#CCFF66#666666 #3399CC#003366#CCCCCC #ABCDEF#ABCDEF#ABCDEF

簡單、時尚、高雅

#99CCFF#FFFF66#666666 #336666#FFFFFF#999999 #0099CC#FFFFFF#666666 #999999#CCCCCC#336666 #CCCCCC#999999#663366 #666666#CCCCCC#6699CC #999999#FFFFFF#333366 #669999#CCCCCC#666666 #999999#CCCCCC#333333 #ABCDEF#ABCDEF#ABCDEF

簡單、進步、時尚

#333366#99CC33#336699 #999999#003366#669999 #003399#CCFF99#333333 #999933#336699#333333 #666666#99CC33#003366 #999999#336699#333333 #3366CC#CCCC66#333300 #6699CC#006699#000000 #003366#CCCCCC#006699 #000000#999999#003366

轉載于:https://www.cnblogs.com/cxeye/p/4098887.html

總結

以上是生活随笔為你收集整理的Web- HTML网页颜色大全的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。