設計工具
從螢幕取一個顏色，調一條 CSS 漸層，產生 QR Code 和條碼，預覽 SVG，檢測螢幕亮暗點，或是找一面乾淨的純色背景。這些輕量視覺操作不需要開啟龐大的設計軟體。
設計工具
顏色選擇器
線上顏色選擇工具，HEX、RGB、HSL格式互轉。生成調色板，獲取網頁配色，提升設計效率。
漸變生成器
線上CSS漸變生成工具，創建線性漸變、徑向漸變背景。可視化調整顏色，一鍵複製CSS代碼。
二維碼生成器
線上二維碼生成工具，支援文本、網址、名片等類型。自定義樣式、顏色、大小，一鍵下載高清圖片。
條碼生成器
線上條碼生成器，支援CODE128、EAN13、EAN8、UPC、CODE39、ITF14等多種條碼格式。可自訂顏色、尺寸，一鍵生成並下載PNG或SVG格式條碼。
螢幕檢測
線上螢幕檢測工具，檢測壞點、亮點、漏光問題。多種純色測試、對比度測試，評估顯示器品質。
純色背景生成器
線上純色背景圖生成工具，自訂顏色和尺寸，支援常用預設（1080p、2K、4K等），一鍵下載PNG/JPG圖片。瀏覽器本地處理，保護隱私。
SVG 檢視器
線上SVG檢視器和編輯器，即時預覽SVG代碼效果。支援源碼編輯、可視化預覽、下載SVG檔案，前端開發者和設計師必備工具。
這個分類能做什麼
設計工具分類用於產生和檢查視覺資產，包括取色、漸層、QR 碼、條碼、螢幕測試、純色顯示和 SVG 預覽。它面向 UI、印刷交付和顯示檢查，不負責照片壓縮或 Office 檔案轉換。
多數工具會盡量在瀏覽器內處理輸入。涉及檔案、權杖、證件照、合約或網路檢測時，請先確認具體工具的處理方式。
常見使用場景
- 準備介面樣式時取色、產生漸層或顯示純色塊。
- 為標籤、海報、測試資料或交付物產生 QR 碼和條碼。
- 預覽 SVG 程式碼，並檢查螢幕壞點、色塊和顯示均勻性。
常見問題
為什麼同一個顏色在不同螢幕上不同？
螢幕校準、色彩設定、亮度和面板型別都會影響觀感。
列印 QR 碼前要檢查什麼？
檢查最終尺寸、對比度、留白區和材質，變形會影響掃碼。
SVG 預覽安全嗎？
未知來源的 SVG 應謹慎處理，因為某些渲染方式下 SVG 可能包含活動內容。
漸層程式碼能直接用於 CSS 嗎？
多數可以，但舊瀏覽器相容和專案寫法可能需要調整。