美國Happy Hues真實範例網站上查看14種調色板靈感在線服務

Happy Hues是一項在真實範例網站上查看調色板靈感的在線服務，由Mackenzie Child創建於2019年11月21日，提供調色板組合。不同於其它類似服務的是，Happy Hues會在實際網站上示範套用顏色的效果，包括在不同區塊、頁面類型、排版或是功能上如何正確使用色彩，讓整體效果看起來更一致、更適合瀏覽和閱讀。

Happy Hues會在每個區塊下方顯示各個部分用到的顏色，例如背景、標題、文字、按鈕和按鈕文字顏色，也有用到的插圖、圖示、資訊卡、電子報配色組合。事實上這些顏色更像是一個組合，看起來是獨立個體但又能夠配合得恰到好處。同時在Happy Hues網頁內介紹各種顏色相關的術語、色彩心理學（不同顏色的特性、適合使用在那些類型的專案）。

創建者Mackenzie Child表示：他喜歡建立各種有用、有趣甚至有點愚蠢的專案，Happy Hues用意是試著消除您在遇到自己喜歡的調色板、但不確定如何將它應用到設計或插圖中的問題。

Happy Hues不僅僅是提供色彩相關靈感，更重要的是直接把顏色套用到範例網站，真正示範要如何在專案中正確使用顏色。

官方網站：https://www.happyhues.co

Happy Hues首頁左邊調色板，點選快速套用、帶入右側範例網頁。右上角有兩個選項包括有開關調色板、顯示各個區塊顏色的功能。雖然Happy Hues只有提供14個調色板，但都是精挑細選，無論是淺色或深色一應俱全，直接點選調色板的顏色就會快速套用在右側範例網頁（就連插圖的顏色也會更新）。

從右上角點擊「Toggle paletters」開啟、關閉左側調色板，點擊「Toggle section colors」會開啟、關閉每個區塊下方的顏色說明，建議選好配色後就先將左側調色盤隱藏，這樣示範網頁就會顯示於瀏覽器中間。依照不同的內容類型，會帶入各種顏色，例如在最上方可做為首頁的範例就有明確標示出背景、標題、小標題、按鈕、按鈕文字顏色，插圖有外框、主色系、高亮色、第二和第三種顏色，點選每個顏色會自動將色彩代碼複製到剪貼板，最重要的是也能依照Happy Hues提供的配色方式去設計自己的專案。

Happy Hues提供的範例網頁展示各種內容類型，例如在色彩術語上就用到了並排欄位的呈現方式。在區塊中呈現標題、內文、高亮文字和標籤的配色方式，在套用調色盤顏色後這些範例都會更新，讓您學習如何將某些顏色正確運用到網頁的內容。也有文繞圖的配色風格預覽，而這個範例就是Happy Hues創建者Mackenzie Child背景介紹，下方以並排方式顯示的其它專案項目、電子報訂閱功能，一樣往下滾動就會有每個部分的顏色代碼可以複製。

如果想要為自己的專案建立完整配色組合，也能參考Happy Hues將每個區塊使用顏色細分出來，再照著範例帶入顏色就能製作出看起來更舒服的網站。