🎨
HTML 顏色選擇器
支援 HSL、RGB 與 HEX 的進階 HTML 顏色選擇器。
關於顏色選擇器
顏色選擇器是為網頁開發者與設計師提供的工具。它擁有 400 色矩陣以便快速挑選,並配備視覺化調色盤進行微調。此外也整合了「對比度分析」功能,協助您檢查配色是否符合 Web 無障礙標準 (WCAG)。
Benefits
- 專業 400 色矩陣與視覺化 HSL/RGB 調色盤
- 即時對比度分析 (WCAG A/AA/AAA 標準)
- 全面支援 HEX、RGB、HSL 與 HSB 格式
- 內建精選品牌色系,激發您的設計靈感
如何使用配色取色器?
1. 在「色彩矩陣」挑選基色,或使用「視覺化調色盤」進行精確調校。
2. 調整不透明度與輸出格式以符合您的程式碼需求。
3. 檢查「對比度洞察」,確保文字與背景色之間具備良好的易讀性。
4. 點擊生成的值即可立即複製到剪貼簿。
2. 調整不透明度與輸出格式以符合您的程式碼需求。
3. 檢查「對比度洞察」,確保文字與背景色之間具備良好的易讀性。
4. 點擊生成的值即可立即複製到剪貼簿。
視覺調色盤
顏色矩陣 (400 色)
顏色轉換
品牌特色色調
對比色分析
格式轉換器
本工具提供的顏色數值僅供參考,實際顯示效果可能因螢幕校準而異。
探索更多強大工具