色相對比調和與色彩調和感覺；色相對比以孟賽爾色相環為主。
兩個色相對比調和的取色方法和相應的色彩感覺：
h : h 和諧，統一。
h : (h±1°;～30°;)類似，活潑。
h : (h±30°;~60°;)準對比，生動。
h : (h±120°;~150°;)對比，強烈。
h : (h±180°;)補色，刺激
在實際應用的時候注意明度變化和兩個色彩的主次位置。還有的說法是把孟賽爾色相環已有的十個色相的基礎上平分為100份，那么在色環上就是100等分，用色環的間隔數來表示，本人認為用角度的算法比較準確。
多個色相對比調和的取色方法和相應的色彩感覺：
色相環120度以內：等差取色，如：n : (n+12) : (n+24) : (n+36)；等比，如：n : (n+13) : (n+25) : (n+37)。現代感強等。
色相環180度以內：等差取色，如：n : (n+20) : (n+40) : (n+60)；等比，如：n : (n+20) : (n+50)。強烈。
色相環380度以內：等差取色，如：n : (n+30) : (n+60)；等比，如：n : (n+10) : (n+27.5) : (n+57.5)。刺激。
兩個同一色對比調和
主基調：■ # FF7318 H：24 S：91 B：100
■ # FF6300 H：24 S：100 B：100
兩個類似色對比調和
主基調：■ # FFCE00 H：48 S：100 B：100
■ #FFA000 H：38 S：100 B：100
兩個補色對比調和
主基調：■ # FFCE00 H：48 S：100 B：100
■ # 4273A5 H：210 S：60 B：60
多個色相對比調和
主基調：■ # 945A18 H：32 S：84 B：58
■ # 5A2F00 H：31 S：100 B：35
■ # 633100 H：30 S：100 B：39
■ # 401F00 H：29 S：100 B：25
色相對比調和只是幫助你最快的找到相匹配的顏色區域，最后效果還是要靠自己的顏色直覺。
在Web界面設計的時候，一般來說都是用純度比較高的顏色，不成文的規定純度為80～100，所以實際應用中我們只需要調節明度的變化。自然能創造出比較好的色彩效果。
使用兩個同一色跟使用明度對比調和的注意事項是一樣的，兩個同一色構成的畫面沒有力度，但是比較容易烘托表現主題，一般都是以背景的形式存在。
兩個類似色對比調和要注意與無彩色相結合，即黑和白，這樣的頁面會比較干凈、大眾化，門戶網站用色方式的較好選擇。
兩個補色對比調非常的容易樹立風格，能給人留下強烈的映像，信息發布類商業站點的首選，既不失個性又比較容易讓人接受，大多作為主色調，結合明度對比調和類似色對比調和存在。
多個色相對比調和多用于Flash動畫和頁面的制作，在純度高的情況下，它比較容易塑造出個性鮮明的形象。
色相對比調和的練習
純度對比調和。
純度對比調和的理論也有很多，但是大部分只能應用在繪畫，工業造型等等行業，在Web界面設計中正真實用的只有1條：
黑、白、灰屬于無彩系，它們能與任何彩色搭配。純色與無彩系搭配的時候會使純色的鮮艷感增強，灰色與純色搭配會使灰色帶有顏色，當灰色覆蓋面積較大時純色將比較容易形成調和。高明度的灰色（白）有輕快高雅的感覺，低明度的灰色（黑）可以產生穩重。
Web界面設計中如果采用降低顏色的純度來產生調和是需要點勇氣的，按照現在的審美觀點，普遍地不能被接受，或許有待進一步的探索和研究。
灰色與高純度黃色調和
