有非常多因素可以影響 WordPress 網站設計顏色的對比效果, 色彩的大小就是其中最重要的一項, 如果 2 種色彩同樣大小, 那麼這 2 種色之間的對比十分強烈, 但是當其中的一種大小變得不一樣時, 小的一種色就會成為大的色的補充, 其本上人不會注意到小的色彩, 而會感覺到大的色彩的存在. 色彩的大小會令色彩的對比有一種生動效果。那麼如何做好 WordPress 網站設計元素的搭配呢？
1）、網頁的標題
網頁標題是網站的指路燈，瀏覽者要在網頁間跳轉，要了解網站的結構，網站的 WordPress 網站內容，都必須透過網址導航或者頁面中的一些小標題。所以我們可以使用稍微具有跳躍性的顏色，吸引瀏覽者的視線，讓他們感覺網站清晰，明瞭，層次分明。想往哪裡走都不會迷失方向。
2）、網頁的連結
一個網站不可能只是單一的一頁，所以文字與圖片的連結是網站中不可缺少的一部分。特別指出的是文字的連結，因為連結區別於文字，所以連結的顏色不能跟文字的顏色一樣。現代人的生活節奏相當快，不可能浪費太多的時間在尋找你網站的連結上。設定了獨特的連結顏色，讓人感覺他的獨特性，自然而然好奇心必然趨使他移動滑鼠，點選滑鼠。
3）、網頁的文字
如果一個網站用了背景顏色，必須要考慮到背景顏色的用色，與前景文字的搭配等問題。一般的網站側重的是文字，所以背景可以選擇純度或者明度較低的顏色，文字用較為突出的亮色。讓人一目瞭然。當然，有些網站為了讓瀏覽者對網站留有深刻的印象，他在背景上作文章。比如一個空白頁的某一個部分用了很亮的一個大色塊，是不是讓你豁然開朗呢！此時他為了吸引瀏覽者的視線，突出的是背景，所以文字就要顯得暗一些，這樣文字才能跟背景分離開來，便於瀏覽者閱讀文字。
4）、網頁的標誌
網頁標誌是宣傳網站最重要的部分之一，所以這兩個部分一定要在頁面上突迎而出。怎麼樣做到這一點呢？我們將 LOGO 和 BANNER 做的鮮亮一些，也就是顏色方面跟網頁的主題色分離開來。有時候為了更突出，也可以使用與主題色相反的顏色。入一小點紅色，你會注意到紅色在綠色的襯托底下很搶眼, 這就是色彩的大小對對比效果的影響, 在大面積的色彩陪襯底下, 小面積的純色會突出特別的效果, 但是如果用較淡的色彩, 則會讓感覺不到這種色彩的存在, 不知你是否留意到, 在不同的形狀上面, 同一種顏色也會有不同的效果, 試試在一個正方形和一條線上用紅色, 尼會發現, 正方形更能表現紅色的穩重喜慶的感覺, 不同的形狀會使同一種色彩產生不同的效果。
還有, 顏色所處的位置的不同, 也會造成顏色對比的不同, 試把兩個同樣大小的顏色放在不同的位置，例如前後, 你會看到, 前面的色會給尼印象深些, 而後成的色則會讓你覺得暗些, 正是由於所處的位置的不同, 導致到眼睛的視覺的不同.