颜色名称查询
免费在线使用 颜色名称查询 无需安装即可使用工具
關於顏色名稱工具
此工具使用直線（歐氏）RGB 距離，為任意 hex 或 RGB 輸入找出最接近的具名 CSS 顏色，並回傳附有百分比相似度得分的前三個匹配項。它還包含一個可搜尋、可展開的完整具名 CSS 顏色清單瀏覽器（約 140 條），點擊即可載入。
使用方法
1. 在輸入框中輸入 hex 值，或調整 R/G/B 數字欄位（0-255，會被鉗制），它們會自動同步更新 hex。 2. 「最接近匹配」卡片列出前三個具名顏色，附帶色樣、hex、RGB 和匹配百分比。 3. 展開「瀏覽全部」，可依名稱或 hex 在完整具名顏色清單中搜尋。 4. 點擊瀏覽網格中的任意色樣，將其作為當前顏色載入；點擊複製圖示可複製 hex 值。
匹配演算法與瀏覽
距離在 RGB 空間中為 `sqrt((r2-r1)^2 + (g2-g1)^2 + (b2-b1)^2)`；結果依升序排序並回傳前三個。匹配百分比為 `(1 - distance / sqrt(3*255^2)) * 100`。瀏覽清單包含標準 CSS3 具名顏色（從 Alice Blue 到 Yellow Green），並依名稱或 hex 子字串進行不區分大小寫的過濾。選擇某個顏色後會捲回頂部。
▶匹配百分比是如何計算的？
計算方式為 `1 - distance / maxDistance`，其中 distance 是歐氏 RGB 距離，maxDistance 為 `sqrt(255^2 * 3)`。完全匹配得分為 100%。
▶是否支援 3 位簡寫 hex 值？
不支援。剖析器只接受帶或不帶前導 `#` 的 6 位 hex 值。像 `#fff` 這樣的 3 位簡寫無法剖析，輸入也不會據此更新。
▶瀏覽清單中有多少種具名顏色？
約有 140 條來自 CSS3 具名顏色規範的條目，從 Alice Blue 到 Yellow Green，包括基本的 16 種顏色和延伸名稱。
▶為什麼我的 R/G/B 欄位和 hex 有時會不一致？
它們會保持同步：編輯 hex 會更新 R/G/B，編輯某個通道會更新 hex。但是，極快的編輯可能會短暫顯示過期值，因為每個欄位都使用其他欄位的當前狀態。
如果这个工具对你有帮助，请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。