設計與配色免費工具

關於設計與配色工具

彙整了有助於配色與視覺製作的免費工具，包括取色器、色彩代碼轉換、配色方案產生、CSS 漸層、對比度檢查、favicon 產生等。全部免註冊、於瀏覽器中即可使用。

上傳一張圖片即可一次產生 favicon.ico 與 Apple Touch、Android、PWA 各尺寸網站圖示,並自動輸出 site.webmanifest 與設置用 HTML。可調整背景色、留白與圓角。圖片不上傳、全程在瀏覽器中完成,免費免註冊,安心使用。

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

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

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

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

以 GUI 操作顏色、方向與色彩停駐點,即可自動產生 CSS 漸層程式碼的免費漸層產生器。支援線性、放射、圓錐（conic）漸層,可調整不透明度,並輸出 CSS 變數、Tailwind、SCSS 格式與分享 URL。複製即可使用,全程在瀏覽器中完成。