為設計師準備的顏色、漸層、陰影等工具。 · 34 個工具
產生和諧的配色調色盤。
設計 CSS 漸層並複製程式碼。
以視覺化方式設計 CSS box-shadow。
HEX、RGB、HSL 等格式互轉。
依 WCAG 檢查對比度。
縮小 SVG 檔案大小。
用 border-radius 設計圓角與有機形狀，並複製 CSS。
使用 backdrop-filter 的毛玻璃效果，可直接複製。
適用於按鈕和卡片的新擬物風柔和陰影。
CSS 或 SVG 的圖案背景（圓點、條紋、六角形…）。
為你的設計產生帶漸層的隨機有機 SVG 形狀。
用來分隔網頁區塊的波浪，可直接使用的 SVG。
設計漸層、外框或 3D 按鈕，並複製含 hover 效果的 CSS。
設計動畫曲線並即時預覽。
現成的 @keyframes 動畫：彈跳、心跳、搖晃、淡入淡出等。
用 CSS 形狀裁切元素：三角形、星形、六角形等。
以視覺化方式建立 CSS 網格並複製程式碼。
試用所有 flexbox 屬性，立即看到結果。
依比例計算協調的標題與文字大小。
依基準大小在像素、rem、em、pt 和 vw 之間轉換。
看看紅色盲、綠色盲或藍色盲的人眼中你的設計是什麼樣子。
一鍵擷取螢幕上任何位置的顏色。
製作帶漸層的姓名縮寫頭像，輸出 PNG 或 SVG。
為 Gmail、Outlook 和 Apple Mail 設計專業的電子郵件簽名。
用你的品牌名稱和標語製作文字標誌，輸出 PNG 或 SVG。
隨機調色盤（粉彩、鮮豔、大地色…），可鎖定顏色。
查出 HEX 或 RGB 色碼的顏色名稱及其對應值。
為你的品牌色產生 50–950 色階，用於 Tailwind 或 CSS 變數。
從一張圖片產生 iOS、Android 和網頁所需的所有圖示尺寸。
設計名片並下載可直接列印的 A4 版面。
PDF 格式的課程證書、獎狀與文憑。
簡易 PDF 發票與報價單，含品項、營業稅和總計。
用整齊的範本製作履歷並下載成 PDF。
將圖片轉成帶白邊的 WhatsApp 貼圖（512 × 512 WEBP）。
