顏色工具集

專業顏色工具集,包含格式轉換、調色盤生成、對比度檢查、漸變生成器

顏色格式轉換
顏色預覽
CSS 代碼輸出
顏色選擇器
快速選擇
精確調整
052255
0152255
0219255

204°360°
0%70%100%
0%53%100%
#3498db
調色盤生成器
選擇基礎顏色和配色方案,然後點擊生成調色盤
對比度檢查
這是標題文字範例

這是內文範例,用於測試文字在此背景下的可讀性。

WCAG 合規性報告
對比率 21:1
WCAG AA (正常文字) 通過
WCAG AA (大文字) 通過
WCAG AAA (正常文字) 通過
WCAG AAA (大文字) 通過
說明:
• AA 標準:最低要求 4.5:1(正常)/ 3:1(大字)
• AAA 標準:增強要求 7:1(正常)/ 4.5:1(大字)
漸變設定
90°360°
顏色設定
0%
100%
漸變預覽
使用說明
  • 顏色轉換:支援 HEX、RGB、HSL、CMYK 格式互轉
  • 顏色選擇器:直觀的拖拽選色和滑桿調整
  • 調色盤生成:自動生成和諧的配色方案
  • 對比度檢查:確保網頁無障礙設計合規
  • 漸變生成器:創建精美的 CSS 漸變效果
  • 一鍵複製:快速複製 CSS 代碼到剪貼簿

推薦其他小工具