網站設計的灰色主要分為：廣義的灰色是指一切具有中性、溫和、不鮮明的現象與事物；狹義的灰色指沒有色相與純度，只有明度，將黑色和白色混和而成的一種中間色。依據不同分類方法可大體分為淺灰與深灰兩種，亦可分為暖灰與冷灰。
　　網站設計灰色的效果體現在八個地方
　　1、灰色的相對性
　　色彩具有明顯的相對性，而某些網站設計為保持整體風格的一致，甚至會將主要導航“灰色”處理，然而，這些處理都是相對的，也同樣可以做到主次分明。只要把握住灰色的相對性，對其使用便能更加自如了。
　　2、暗示一定秩序下，即將發生的步驟、事物
　　此類網站設計可以讓用戶對即將進行的任務全局一目了然，較少而清晰的步驟不會給用戶帶來心理壓力，相反會促進用戶完成該項任務。
　　3、信息分隔
　　信息分隔主要體現在：斑馬線、虛線分隔、淺色塊區分標題與內容區。
　　4、表示未被激活的“隱藏”狀態
　　在網站設計當中，常需要考慮當前態、未被激活態等樣式。常見方式是灰色化處理未被激活態，在對比中使用鮮明的色彩告訴用戶當前所處的位置或狀態。
　　5、次要可鏈接信息
　　深色下劃線會給清爽的頁面帶來些許不和諧，“灰色”處理可以調和這種矛盾，既能準確傳達所需表達的信息，又能使得頁面整體和諧統一。
　　6、當前場景下禁用或不可操作
　　網站設計處理的好處是避免用戶進行無效的操作，提高用戶的使用效率，并且給予一定的信息暗示。
　　7、不鼓勵用戶進行的消極或危險操作
　　存儲與取消的操作，一個為亮色另一個進行“灰色”處理，這類應用在網站設計中應用十分普遍。
　　8、弱提示，輔助信息
　　這一類應用是網站設計中較為廣泛的，如大段輔助信息文字，一些提示信息，次要陪襯信息，不常用功能操作等，“灰色”處理會讓頁面和諧統一，并突出最主要的用戶體驗操作。