網頁設計、簡報、或任何需要指定顏色的場合，經常會看到 #RRGGBB 這樣的代碼。這篇文章說明顏色代碼的基本意義，以及為什麼文字與背景的對比度很重要。
最常見的格式是 # 後面跟六位十六進位數字，每兩位分別代表紅（R）、綠（G）、藍（B）的強度。範圍從 00（最暗）到 FF（最亮，即十進位 255）。例如：
有些地方會用三位縮寫（如 #FFF = #FFFFFF）或八位（包含透明度）。工具通常可以在不同表示法之間轉換，或顯示對應的 RGB 值。
文字顏色與背景顏色的對比如果太低，閱讀會很吃力，尤其對視力較弱或在強光下看螢幕的人。WCAG（Web Content Accessibility Guidelines）提供了對比度建議：一般文字至少 4.5:1，大文字可以稍低。對比度是根據相對亮度計算的比值，不是簡單的顏色差異。
設計時如果只追求美觀而忽略對比，可能會讓部分使用者難以閱讀。工具可以計算兩個顏色之間的對比度比值，並提示是否達到常見標準。
顏色感知有主觀成分，但對比度提供一個客觀的最低參考。達到標準不代表設計就完美，但未達標準時通常值得再調整。
顏色工具可以輸入 HEX 代碼、顯示色塊、轉換格式，並計算與另一個顏色的對比度。適合設計師、開發者或任何需要精確指定顏色的人。所有計算在本地完成。
Wusper 的色碼工具提供這些功能。結果可幫助檢查可讀性，但最終視覺效果仍建議在實際裝置上確認。