顏色名稱查找器
輸入 hex、rgb() 或 hsl() 顏色，立即找到最接近的 CSS 命名顏色，並附帶即時色塊比對和幾個次接近的備選項。
🔒 在你的瀏覽器本機處理
載入中…
使用方法
- 在欄位中以 hex、rgb() 或 hsl() 格式輸入顏色，或使用色塊選取器直接選擇。
- 最接近的 CSS 命名顏色會立即顯示，其色塊、名稱和 hex 代碼會顯示在你的顏色旁邊。
- 查看距離分數以了解相符程度有多接近——距離為 0 表示完全相符。
- 向下捲動清單可查看更多次接近的命名顏色，依由近到遠排序。
功能特色
- 支援 hex、rgb() 和 hsl() 顏色格式，外加可視化顏色選擇器
- 與全部 148 種標準 CSS/X11 命名顏色進行比對
- 即時並排顯示你的顏色與相符的命名顏色色塊
- 提供數值距離分數以及若干個次接近的備選項
- 100% 在瀏覽器端執行——你的顏色資料永遠不會離開瀏覽器
常見問題
顏色名稱比對是如何運作的？
你的顏色會被轉換為 RGB，然後使用 RGB 值之間的歐幾里得距離與每種標準 CSS 命名顏色進行比較。距離最小的命名顏色會顯示為最接近的配對，其餘幾個距離較小的則顯示為備選項。
會與哪些命名顏色進行比對？
由 CSS Color Module 定義的 148 個標準 CSS/X11 擴充顏色關鍵字——與瀏覽器在 CSS 中識別的名稱相同，例如 "tomato"、"slateblue" 或 "rebeccapurple"。這是一份固定、廣為人知的清單，因此只有當你的顏色恰好落在其中之一時，才會得到完全相符。
為什麼網站是中文，顏色名稱卻顯示為英文？
"Tomato"、"SlateBlue" 這類名稱是字面意義上的 CSS 關鍵字，而非可翻譯的文字——瀏覽器在樣式表中只能辨識英文拼寫。因此這些名稱在所有語言中都保留為英文，而它們周圍的其餘頁面內容則已完整翻譯。
距離分數代表什麼意思？
這是你的顏色與命名顏色在 RGB 空間中的直線（歐幾里得）距離，每個色版的數值範圍為 0-255。距離為 0 表示完全相符；理論上的最大距離（從黑色到白色）約為 441。數值越小，代表視覺上的相符程度越接近。
這個工具會儲存或上傳我的顏色嗎？
不會。所有解析、比對與距離計算都是透過一般 JavaScript 在你的瀏覽器本機完成，不會有任何資料被傳送到伺服器或儲存在任何地方。