顏色轉換器

關於顏色轉換器

這是一款專業的顏色格式轉換工具，支援 HEX、RGB、HSL 三種主流格式互轉。所有轉換公式皆經過 W3C CSS Color Module Level 3/4 規範驗證，確保精準無誤。內建 WCAG 2.1 對比度檢查功能，協助設計師和開發者符合無障礙網頁標準。同時提供基於色彩理論的智慧配色方案生成，讓您快速創造和諧的色彩組合。

如何使用

1. 點擊顏色預覽框選擇顏色，或直接輸入 HEX/RGB/HSL 值
2. 使用 HSL 滑桿微調色相、飽和度、亮度
3. 查看自動轉換的 HEX、RGB、HSL 格式，點擊「複製」按鈕使用
4. 選擇配色方案類型（互補色、類似色等），獲得和諧的色彩組合
5. 使用對比度檢查工具確認文字與背景符合 WCAG 2.1 無障礙標準
6. 點擊歷史記錄快速切換最近使用的顏色

核心功能

• ✅ HEX ↔ RGB ↔ HSL 精準互轉（公式經 W3C 驗證，誤差 < 1%）
• ✅ WCAG 2.1 對比度計算（支援 AA / AAA 標準檢查）
• ✅ 5 種配色方案生成（互補色、類似色、三等分色、分裂互補、四等分色）
• ✅ HSL 滑桿即時調色（直覺操作，所見即所得）
• ✅ 一鍵複製顏色代碼（支援所有格式）
• ✅ 顏色歷史記錄（自動儲存最近使用的 10 個顏色）

應用場景

• **網頁設計**：快速轉換 CSS 顏色格式，確保視覺一致性
• **UI/UX 設計**：檢查介面對比度，符合無障礙設計規範
• **品牌設計**：生成和諧的品牌配色方案
• **前端開發**：取得精準的 RGB/HSL 數值用於程式設計
• **平面設計**：建立協調的色彩組合，提升設計品質
• **無障礙測試**：驗證文字對比度是否符合 WCAG 2.1 標準

專業技巧

• 💡 **色相 (Hue)**：決定顏色種類。0°=紅色、120°=綠色、240°=藍色
• 💡 **飽和度 (Saturation)**：控制顏色鮮豔度。0% 為灰階，100% 為純色
• 💡 **亮度 (Lightness)**：調整明暗。50% 為標準亮度，0% 為黑色，100% 為白色
• 💡 **WCAG AA 標準**：一般文字需 4.5:1，大字體需 3:1 對比度
• 💡 **互補色配色**：適合需要強烈對比的設計（如 CTA 按鈕）
• 💡 **類似色配色**：適合和諧柔和的設計風格（如背景漸層）