設計工具
從螢幕取一個顏色，調一條 CSS 漸層，產生 QR Code 和條碼，預覽 SVG，檢測螢幕亮暗點，或是找一面乾淨的純色背景。這些輕量視覺操作不需要開啟龐大的設計軟體。
設計工具
顏色選擇器
線上顏色選擇工具，HEX、RGB、HSL格式互轉。生成調色板，獲取網頁配色，提升設計效率。
漸變生成器
線上CSS漸變生成工具，建立線性漸變、徑向漸變背景。可視化調整顏色，一鍵複製CSS程式碼。
QR Code 產生器
線上 QR Code 生成工具，支援文本、網址、名片等類型。自訂樣式、顏色、大小，一鍵下載高清圖片。
條碼生成器
線上條碼生成器，支援CODE128、EAN13、EAN8、UPC、CODE39、ITF14等多種條碼格式。可自訂顏色、尺寸，一鍵生成並下載PNG或SVG格式條碼。
螢幕檢測
線上螢幕檢測工具，檢測壞點、亮點、漏光問題。多種純色測試、對比度測試，評估顯示器品質。
純色背景生成器
線上純色背景圖生成工具，自訂顏色和尺寸，支援常用預設（1080p、2K、4K等），一鍵下載PNG/JPG圖片。瀏覽器本地處理，保護隱私。
SVG 檢視器
線上SVG檢視器和編輯器，即時預覽SVG程式碼效果。支援源碼編輯、可視化預覽、下載SVG檔案，前端開發者和設計師必備工具。
字體預覽工具
用本機已安裝的任意字體預覽文字，或上傳 TTF、OTF、WOFF、WOFF2 字體檔案。可調整字級、字重、字距、行高與顏色，一鍵複製 CSS。全部在瀏覽器內完成，不上傳任何內容。
這個分類能做什麼
設計工具分類用於產生和檢查視覺資產，包括取色、漸層、QR 碼、條碼、螢幕測試、純色顯示和 SVG 預覽。它面向 UI、印刷交付和顯示檢查，不負責照片壓縮或 Office 檔案轉換。
多數工具會盡量在瀏覽器內處理輸入。涉及檔案、權杖、證件照、合約或網路檢測時，請先確認具體工具的處理方式。
常見使用場景
- 準備介面樣式時取色、產生漸層或顯示純色塊。
- 為標籤、海報、測試資料或交付物產生 QR 碼和條碼。
- 預覽 SVG 程式碼，並檢查螢幕壞點、色塊和顯示均勻性。
常見問題
為什麼同一個顏色在不同螢幕上不同？
螢幕校準、色彩設定、亮度和面板型別都會影響觀感。
列印 QR 碼前要檢查什麼？
檢查最終尺寸、對比度、留白區和材質，變形會影響掃碼。
SVG 預覽安全嗎？
未知來源的 SVG 應謹慎處理，因為某些渲染方式下 SVG 可能包含活動內容。
漸層程式碼能直接用於 CSS 嗎？
多數可以，但舊瀏覽器相容和專案寫法可能需要調整。
相關分類
圖片工具
把過大的照片壓小還不糊，PNG、JPEG、WebP 批次互轉，加文字浮水印，轉黑白，做證件照，或者螢幕錄影。瀏覽器端工具（浮水印、灰階、Base64）與伺服器端轉換（格式轉換、壓縮）並用——上傳的檔案在處理完成後立即刪除。
硬體檢測
鍵盤有鍵不靈？螢幕有亮暗點？麥克風沒聲音？先別急著買新的，跑一遍檢測。測按鍵、看螢幕更新率、檢查攝影機和麥克風、用分貝計量環境噪音——一目了然。
開發工具
開發中最耗時的往往是小事：查 HTTP 狀態碼、產生 UUID、寫 Cron 表達式、查 MIME 類型、解析 User-Agent、從 JSON 產生 TypeScript 型別。把這一頁加書籤——比翻文件快。
