🎨 色彩工具

專業的色彩轉換、調色盤生成和色彩分析工具

🔄 色彩格式轉換

當前顏色

請選擇或輸入顏色

rgb(255, 255, 255)
hsl(0, 0%, 100%)
hsv(0, 0%, 100%)
cmyk(0%, 0%, 0%, 0%)

🎯 螢幕取色器

使用瀏覽器的取色功能來獲取任何顏色

已取得的顏色

🎨 調色盤生成器

5

生成的調色盤

⚖️ 對比度檢查

文字預覽

這是正常大小的文字範例

這是大標題文字範例

對比度比例： -
WCAG AA (正常文字)： -
WCAG AA (大文字)： -
WCAG AAA (正常文字)： -
WCAG AAA (大文字)： -

🌈 色彩搭配建議

🔥 暖色調搭配

❄️ 冷色調搭配

🎯 互補色搭配

🔺 三色搭配

🔄 多格式轉換

支援HEX、RGB、HSL、HSV、CMYK等主流色彩格式之間的即時轉換

🎨 智能調色盤

基於色彩理論生成專業調色盤，支援單色調、互補、三角等多種配色方案

⚖️ 無障礙檢查

符合WCAG標準的對比度檢查，確保網站和設計的可訪問性

🎯 精準取色

瀏覽器原生取色器支援，精確獲取螢幕上任何位置的顏色值

🌈 色彩搭配

基於色彩心理學的搭配建議，幫助創作出和諧美觀的色彩組合

💾 便捷匯出

支援多種格式匯出，包括CSS變數、JSON、Adobe ASE等設計師常用格式

📖 使用教學

🔄 色彩格式轉換

  1. 使用顏色選擇器選擇顏色，或直接在任意格式輸入框中輸入數值
  2. 系統會自動轉換並顯示所有格式的對應數值
  3. 點擊📋按鈕可快速複製任何格式的色彩值
  4. 支援的格式包括：HEX、RGB、HSL、HSV、CMYK

🎯 螢幕取色

  1. 點擊「啟動取色器」按鈕（需要支援EyeDropper API的瀏覽器）
  2. 滑鼠游標會變為十字準星，點擊任何位置獲取顏色
  3. 取得的顏色會自動加入歷史記錄
  4. 點擊歷史記錄中的顏色可直接套用到轉換器

🎨 調色盤生成

  1. 選擇或輸入基準顏色
  2. 選擇調色盤類型（單色調、相鄰色、互補色等）
  3. 調整顏色數量（3-10個）
  4. 點擊「生成調色盤」查看結果
  5. 可匯出為CSS、JSON或其他格式

⚖️ 對比度檢查

  1. 設定前景色（通常是文字顏色）和背景色
  2. 點擊「檢查對比度」查看分析結果
  3. 系統會顯示WCAG AA/AAA標準的符合情況
  4. 預覽區域可看到實際的文字效果

🌈 色彩搭配建議

  1. 輸入主要顏色
  2. 點擊「生成搭配」獲取專業建議
  3. 系統會提供暖色調、冷色調、互補色等多種搭配方案
  4. 每個方案都基於色彩理論和心理學原理

❓ 常見問題

Q: 什麼是色彩格式？各有什麼用途？

A: HEX：網頁設計常用，如#FF5733。RGB：螢幕顯示，數值0-255。HSL：設計師友善，色相-飽和度-亮度。HSV：色相-飽和度-明度。CMYK：印刷用，青-洋紅-黃-黑。

Q: 什麼是WCAG對比度標準？

A: WCAG（Web Content Accessibility Guidelines）是網頁無障礙標準。AA級：正常文字4.5:1，大文字3:1。AAA級：正常文字7:1，大文字4.5:1。符合標準能確保視覺障礙者也能清楚閱讀。

Q: 如何選擇合適的調色盤類型？

A: 單色調：統一和諧，適合簡約設計。相鄰色：自然舒適，如日落色彩。互補色：對比強烈，適合突出重點。三角色：平衡活潑，適合年輕品牌。選擇應基於設計目標和品牌調性。

Q: 取色器無法使用怎麼辦？

A: 取色器功能需要現代瀏覽器支援EyeDropper API。建議使用Chrome 95+、Edge 95+等新版瀏覽器。如果仍無法使用，可以手動輸入色彩值或使用其他螢幕截圖工具。

Q: 如何為品牌選擇合適的顏色？

A: 考慮行業特性（科技業常用藍色、環保業用綠色）、目標受眾（年輕人喜歡鮮豔色彩）、文化背景（紅色在中國代表吉祥）、品牌個性（穩重用深色，活潑用亮色）。建議先確定主色，再用本工具生成搭配色彩。

Q: 生成的調色盤可以商用嗎？

A: 可以！本工具生成的調色盤基於數學算法和色彩理論，沒有版權限制。但建議在正式使用前，檢查是否與其他知名品牌色彩過於相似，避免造成品牌混淆。

✨ 所有工具都支持離線使用，無需安裝軟件。 查看所有工具 | QR Code生成器 | 密碼生成器 | JSON格式化工具 | Base64編解碼器