顏色名稱查找
輸入HEX、RGB、HSL顏色代碼，查找最接近的CSS顏色名稱。支援140個基本CSS顏色和1,500+擴展顏色，提供中英文名稱和相似顏色推薦。
顏色名稱查找
什麼是顏色名稱查找？
顏色名稱查找是一款輸入HEX、RGB、HSL顏色代碼後，能告訴您最接近的顏色名稱的工具。從140個網頁標準CSS顏色到1,500多個擴展顏色數據庫中，找出與您輸入顏色最相似的名稱。
在設計工作中想知道某種顏色的名稱，或只知道顏色代碼時想找到適當的顏色名稱，都可以使用這個工具。同時提供中文和英文顏色名稱，還會推薦5個相似的顏色。
適用場景
- 設計工作 – 想知道品牌顏色的準確名稱時，用顏色代碼搜尋
- 顏色溝通 – 向客戶或同事說明顏色時，用準確的名稱傳達
- CSS編寫 – 想使用有意義的CSS顏色名稱而非HEX代碼時
- 顏色學習 – 想了解各種顏色的正式名稱和英文名稱時
- 相似顏色探索 – 想找與特定顏色相似的替代顏色時
- 顏色調色盤構建 – 參考同一色系的顏色名稱來製作調色盤
主要功能
- 多種輸入格式 – 可以用HEX、RGB、HSL三種格式輸入顏色，非常方便。也可以用顏色選擇器直接選擇。
- 顏色數據庫選擇 – 可以在基本CSS顏色（140個）和擴展顏色（1,500+個）之間選擇，找到更準確或更多樣的顏色名稱。
- 相似度顯示 – 用百分比顯示輸入的顏色與找到的顏色有多匹配。完全匹配時顯示「完全匹配」。
- 相似顏色推薦 – 除了最接近的顏色外，還顯示5個相似的顏色，方便找到替代方案。
- 中英文名稱 – 所有顏色都提供中文和英文名稱，有助於全球化溝通。
- 一鍵複製 – 點擊顏色代碼（HEX、RGB、HSL）即可複製到剪貼簿。
- 搜尋紀錄保存 – 自動保存最近搜尋的20個顏色，方便快速重新查看之前找過的顏色。
使用方法
- 輸入顏色 – 點擊顏色選擇器直接選擇，或在HEX/RGB/HSL輸入框中輸入已知的顏色代碼。
- 選擇數據庫 – 在基本CSS顏色（140個）和擴展顏色（1,500+個）之間選擇您想要的數據庫。擴展顏色提供更多樣的名稱。
- 確認結果 – 查看最接近顏色的中英文名稱和顏色代碼。同時顯示相似度。
- 探索相似顏色 – 點擊下方顯示的5個相似顏色，可以切換到該顏色。
- 複製代碼 – 點擊需要的顏色代碼（HEX、RGB、HSL）即可複製到剪貼簿。
顏色數據庫說明
基本CSS顏色（140個）
W3C網頁標準中定義的CSS命名顏色。可以在所有網頁瀏覽器中直接使用顏色名稱，如red、blue、gold等可以直接作為CSS顏色名稱使用。
擴展顏色（1,500+個）
除了CSS基本顏色外，從各種來源收集的顏色名稱。包括食物、自然、寶石、金屬、粉彩、霓虹等各類顏色名稱。在尋找更具體和感性的顏色名稱時非常有用。
顏色距離計算
輸入顏色與數據庫顏色之間的相似度基於CIE76 Delta E公式計算。這種方法類似於人類視覺感知來測量顏色差異，提供更準確的結果。
常見問題
基本CSS顏色和擴展顏色有什麼區別？
基本CSS顏色（140個）是W3C網頁標準中定義的顏色，可以直接在CSS中使用顏色名稱（如gold、coral）。擴展顏色（1,500+個）提供更多樣的顏色名稱，但不能在CSS中直接使用名稱，需要轉換為HEX代碼使用。
相似度百分比是如何計算的？
顏色之間的距離使用CIE76 Delta E公式計算相似度。這個公式根據人類視覺感知特性對RGB值的差異進行加權計算。100%表示完全匹配，越接近0%表示顏色越不同。
可以輸入3位HEX代碼嗎？
是的，輸入3位HEX代碼（如F00）會自動擴展為6位（FF0000）處理。不需要輸入#符號。
搜尋紀錄保存在哪裡？
搜尋紀錄保存在瀏覽器的本地儲存中。最多保存20個最近搜尋的顏色，刪除瀏覽器數據或點擊「全部刪除」按鈕會清除紀錄。紀錄不會在其他裝置或瀏覽器之間共享。
顏色選擇器不工作怎麼辦？
顏色選擇器在最新版瀏覽器中支援。如果不工作，可以直接在HEX、RGB、HSL輸入框中輸入顏色值，同樣可以使用。將瀏覽器更新到最新版本後，顏色選擇器也會正常工作。
中文顏色名稱的來源是什麼？
CSS基本顏色的中文名稱基於官方翻譯和通用名稱編寫。擴展顏色的中文名稱使用原語發音的漢語表記，或使用該顏色所代表對象（如食物、寶石）的中文名稱。