免費線上 設計 工具
專為設計師打造的選色器、調色盤、漸層與 SVG 工具。
9 款工具
CSS 區塊陰影產生器微調柔和、銳利、多層次或內陰影，即時預覽效果並複製 CSS 程式碼。色盲模擬器透過色覺辨認障礙者的視角預覽圖片，確保您的設計符合無障礙標準。色彩對比度檢查工具檢查您的文字是否足夠清晰易讀，並取得符合 WCAG 標準的最接近色彩。色碼轉換器在 HEX、RGB、HSL、HSV 和 CMYK 之間轉換任何顏色，並檢查其對比度。色票產生器只要挑選一個顏色，就能根據色彩學原理產生和諧的五色色票。CSS 漸層產生器視覺化設計漸層背景並複製 CSS 程式碼 — 支援線性、徑向或圓錐漸層。圖片選色器點擊圖片任一處即可取得精準的 HEX、RGB 與 HSL 色碼，還能自動產生主要色彩調色盤。隨機顏色產生器產生 HEX、RGB 與 HSL 格式的隨機顏色，支援粉彩、鮮豔、深色與淺色調色盤模式。SVG 最佳化工具在瀏覽器中即時壓縮並清理 SVG 檔案，以縮小檔案大小並提升網站效能。