# 设计

ASCII 藝術字 將文字轉換成大號 ASCII 方塊字母藝術字。 设计

圖片裁剪 拖曳選取區域，在瀏覽器內裁切並下載圖片。 设计 SVG 轉 PNG 將 SVG 向量圖形渲染為 PNG。 设计 圖片浮水印 為圖片加入文字或平鋪浮水印。 设计 圓角圖片 為圖片加入圓角。 设计 圖片邊框 為圖片加入純色邊框。 设计 圖片轉 ASCII 將圖片轉為 ASCII 藝術。 设计 圖片拼貼 將照片組合成網格拼貼。 设计 圖片疊加 將兩張圖片疊合成一張。 设计

顏色轉換 在 HEX / RGB / HSL 之間轉換顏色。 设计

漸層產生器 產生線性/放射 CSS 漸層，附即時預覽。 设计 字型預覽 輸入文字並切換字體，即時預覽效果。 设计 圖示搜尋 搜尋 Tabler 圖示，一鍵複製 SVG。 设计 色票產生器 從基準色建構和諧色票（類似色/互補色）。 设计 Mockup 產生器 將網址或截圖拖入裝置模型框架預覽。 设计 顏色對比度 檢查背景上文字的 WCAG 對比度。 设计 box-shadow 產生器 視覺化建立 CSS box-shadow。 设计 text-shadow 產生器 建立 CSS text-shadow。 设计 圓角 CSS 產生 border-radius CSS。 设计 CSS 按鈕 產生按鈕樣式。 设计 CSS 卡片 產生卡片樣式。 设计 CSS 動畫 產生 keyframe 動畫。 设计 字型搭配 建議標題/內文字體搭配。 设计 顏色混合 依比例混合兩種顏色。 设计 互補色 產生互補色方案。 设计 類似色 產生類似色方案。 设计 三等分配色 產生三角色方案。 设计 單色系 產生單色漸變色階。 设计 Material 色票 產生 Material 色票。 设计 CSS Grid 產生 CSS grid 版面。 设计 Flexbox 產生 flexbox 版面。 设计 間距刻度 產生 4pt 間距刻度。 设计 字級刻度 產生模組化字級刻度。 设计 Logo 示意 將 Logo 套用在物體上。 设计 瀏覽器示意 將網站套用在瀏覽器模型中。 设计 社群貼文示意 將社群貼文模型化。 设计 色盲模擬 模擬各種色盲類型。 设计 SVG 佔位圖生成 生成帶文字的簡潔 SVG 佔位圖。 设计 透過可自訂的背景、模糊、透明度、邊框和圓角，打造精美的毛玻璃效果。 设计 透過自訂屬性、持續時間、緩動函數與延遲，輕鬆建立 CSS 過渡效果。 设计 使用多種游標類型與自訂選擇器，產生 CSS 游標樣式。 设计 透過可調整的寬度、顏色與圓角，建立自訂捲軸樣式。 设计 透過可自訂的種子、點數與半徑範圍，建立隨機的有機 Blob 形狀。 设计 建立可自訂顏色與尺寸的波浪 SVG 背景。 设计 使用CSS程式碼建立自訂圖案背景。 设计