色彩工具
顏色名稱查詢
免費線上顏色名稱查詢，無需帳號、不用安裝，完全在瀏覽器中運行。
支援 HEX (#FF5733)、RGB (rgb(255, 87, 51)) 或顏色英文名稱
所有 CSS 標準顏色
共 140+ 種標準 CSS 顏色。點擊任意顏色快速查詢。
什麼是顏色名稱查詢工具？
顏色名稱查詢工具可以幫助設計師、開發者和內容創作者快速找到與輸入色碼最接近的標準 CSS 顏色名稱。無論你輸入 HEX 格式 (#FF5733)、RGB 格式 (rgb(255, 87, 51)) 或直接輸入英文顏色名稱，工具都能在瞬間找出匹配的結果，並顯示相似度得分。
如何使用此工具？
使用非常簡單：
- 在輸入框中輸入任意色碼（HEX、RGB 或顏色名稱）
- 點擊「查詢」按鈕或按 Enter 鍵
- 工具會立即顯示最接近的顏色名稱、HEX 碼、RGB 值
- 下方會列出最接近的 5 個顏色選項，方便比較
- 點擊「複製」按鈕可快速複製 HEX 或 RGB 值到剪貼板
- 在「所有 CSS 標準顏色」表格中瀏覽或搜尋顏色
應用場景
本工具適用於以下場景：
- 網頁設計與開發：快速將設計稿中的任意色碼轉換為標準 CSS 顏色名稱
- 品牌配色：找到最接近的標準色彩，保持設計一致性
- 無障礙設計：確認色彩對比度是否符合標準
- 色彩搭配：探索相似顏色組合，啟發創意配色方案
- 前端開發：在 CSS 中使用標準顏色名稱，提高代碼可讀性
常見問題
工具支援哪些色碼格式？
工具支援三種主要格式：
- HEX 格式：#RRGGBB，如 #FF5733、#000000
- RGB 格式：rgb(R, G, B)，如 rgb(255, 87, 51)
- 顏色名稱：CSS 標準英文名稱，如 red、blue、gold
「匹配距離」是什麼意思？
匹配距離是指輸入色碼與最接近顏色名稱之間的色彩差異程度。距離越小，顏色越接近；距離為 0 表示完全相同。工具使用歐幾里得距離算法在 RGB 色彩空間中計算。
可以查詢多少種顏色？
工具包含 140+ 種 CSS 標準顏色，涵蓋了所有常用的顏色名稱。所有顏色都可在「所有 CSS 標準顏色」表格中查看、搜尋和點擊快速查詢。
如何快速找到我要的顏色？
有兩種方法：一是在頂部輸入框輸入色碼直接查詢；二是在「所有 CSS 標準顏色」表格中使用搜尋框按名稱過濾。點擊表格中的任意顏色也會自動查詢。
複製的 HEX 或 RGB 值可以直接用於 CSS 嗎？
完全可以。複製的 HEX 和 RGB 值都是標準格式，可直接用於 CSS、HTML、設計工具或任何支援色碼輸入的應用程式。
為什麼輸入的色碼與查詢結果不完全相同？
因為 CSS 標準顏色庫中可能不存在完全相同的色碼。工具會找出最接近的顏色。這對於確保跨瀏覽器相容性和使用標準命名法非常有幫助。