運用60:30:10法則
主色（通常是背景）占頁面約60%，輔助色占30%（區塊、卡片、頁首），強調色占剩下的10%。強調色只用在按鈕和連結上，使用者就不會搞不清楚該點哪裡。
檢查文字對比度
無障礙指南WCAG要求一般文字的對比度至少要4.5:1。白底配淺灰字看起來很有質感，但用手機在戶外看就很吃力。上線前先用對比度檢查工具確認一下。
事先決定狀態和通知的顏色
除了品牌色，還需要錯誤（紅色）、成功（綠色）和警告（黃色或橘色）的顏色。選擇和配色協調的顏色，並在表單和訊息中一律用同樣的方式使用。
網站上的顏色各有各的任務：背景、文字、按鈕、連結和通知。這12組配色就是以此為前提設計，包含亮色或暗色背景、好讀的文字色，以及按鈕用的強調色。HEX色碼可以直接複製到CSS或架站工具裡使用。
點一下顏色就能複製 HEX 色碼。按鉛筆圖示可以在編輯器中開啟並修改配色。
主色（通常是背景）占頁面約60%，輔助色占30%（區塊、卡片、頁首），強調色占剩下的10%。強調色只用在按鈕和連結上，使用者就不會搞不清楚該點哪裡。
無障礙指南WCAG要求一般文字的對比度至少要4.5:1。白底配淺灰字看起來很有質感，但用手機在戶外看就很吃力。上線前先用對比度檢查工具確認一下。
除了品牌色，還需要錯誤（紅色）、成功（綠色）和警告（黃色或橘色）的顏色。選擇和配色協調的顏色，並在表單和訊息中一律用同樣的方式使用。
通常3到4個就夠了：背景色、文字色、主色和強調色，再加上通知用的顏色。
沒有唯一的正確答案。重點是按鈕要和背景有對比，而且這個顏色在頁面上不要拿去做其他用途。
把HEX色碼複製到CSS的顏色變數，或是WordPress、Wix、Shopify等架站工具的全域顏色設定裡。