顏色名稱參考
瀏覽 CSS/HTML、Material Design 和 Tailwind CSS 的命名顏色。點擊任意色卡即可複製其十六進位值。使用搜尋框按顏色名稱或十六進位值篩選。
常見問題
Q: 什麼是 CSS 命名顏色？
A: CSS 命名顏色是所有現代瀏覽器都支援的 148 個預定義顏色關鍵字。你可以直接在 CSS 中使用名稱（如 "tomato"）來代替十六進位代碼（如 #FF6347）。這些名稱在 CSS Color Level 4 規範中標準化。
Q: 十六進位、RGB 和 HSL 顏色格式有什麼區別？
A: 十六進位使用六位十六進位表示法（#RRGGBB）。RGB 指定紅、綠、藍通道值（0-255）。HSL 透過色相（0-360）、飽和度（0-100%）和亮度（0-100%）定義顏色。三種格式可以表示相同的顏色，只是表示方式不同。
Q: 什麼是 Material Design 顏色？
A: Material Design 顏色是 Google 為 Material Design 介面建立的精選調色盤。每個顏色系列有從 50（最淺）到 900（最深）的色階，500 為主色調。它們專為無障礙性和視覺協調而設計。
Q: 什麼是 Tailwind CSS 顏色？
A: Tailwind CSS 提供了精心挑選的預設調色盤，包含 22 個顏色系列。每個系列有從 50 到 950 的色階，500 為基礎色。該調色盤在淺色和深色 UI 主題中都表現出色。
Q: 如何為專案選擇合適的顏色？
A: 請考慮無障礙性的對比度（WCAG 建議普通文字至少 4.5:1）。使用主色建立品牌識別，用中性色處理文字和背景，謹慎使用強調色用於互動元素。可以使用顏色對比度檢查工具來驗證選擇。