色彩與設計工具

關於色彩與設計工具

協助配色與設計工作的免費工具集，包含選色器、色碼轉換、對比度檢查、調色盤產生等。全部在瀏覽器中執行，免註冊、免安裝。

適合用於決定 UI 配色、檢查符合無障礙（WCAG）的對比度、挑選品牌色等情境。適合設計師、網頁開發者、前端工程師等所有處理顏色的人。

從圖片中擷取顏色並取得色碼的免費色彩選擇器，可用放大鏡依像素精準拾取，支援 HEX / RGB / HSL 切換與調色盤匯出。免費、免註冊。

在 HEX、RGB、HSL、HSV、OKLCH 色碼之間互相轉換的免費工具，支援透明度（RGBA、8 位 HEX）與 CMYK 參考值，一鍵複製任意格式，全程在瀏覽器中完成。

即時計算前景色與背景色對比度的免費對比度檢查工具，依 WCAG 2.1/2.2 判定 AA、AAA 是否合格，並支援合格色建議、色覺（色盲）模擬與 APCA，全程在瀏覽器中完成。

只要選一個基準色，就能依配色理論自動產生互補色、類似色、三角配色等配色方案的免費配色產生器。可輸出 CSS 變數、Tailwind、SCSS、JSON 格式，並提供對比度參考，全程在瀏覽器中完成。