IsekaiKit › 工具

CSS 漸層產生器

點色條就能加色標,拖曳色標調整位置,預覽和 CSS 會即時更新。

類型
角度°
形狀
中心

色標

點色條新增色標 · 拖曳移動 · 方向鍵微調 · Delete 刪除

顏色
不透明度
位置%

預設樣式

怎麼做漸層?

先選線性、放射或圓錐,再到色條上調整顏色:點空白處新增色標,拖曳色標移動位置,選中的色標可以改顏色和不透明度。線性與圓錐漸層可調角度,放射漸層可選形狀和中心位置。按「複製」就能拿到 CSS。

線性、放射、圓錐有什麼不同?

線性沿著一條直線混色,角度隨你設,適合背景和按鈕。放射從一個點往外擴散,像光暈或聚光燈。圓錐繞著中心轉一圈,可以做色環和圓餅圖。勾選「重複」並讓最後一個色標停在 100% 以前,就能做出條紋。

資料安全嗎?

安全。全部在你的瀏覽器裡處理,貼上的內容不會傳到任何伺服器。

其他好玩的

JSON 格式化 JSON 排版、驗證、壓縮,錯誤會標出行列。 Base64 編碼/解碼 Base64 編碼與解碼,完整支援中文。檔案也能轉 data URL。 URL 編碼/解碼 網址百分比編碼與解碼,順便拆出每個查詢參數。 UUID 產生器 一次產生大量 UUID v4 或依時間排序的 v7。 Unix 時間戳轉換 epoch 秒數或毫秒和日期互相轉換。 雜湊產生器 文字或檔案的 MD5、SHA-1、SHA-256、SHA-512。 JWT 解碼 解開 JSON Web Token 的 header 和 payload,看有沒有過期。 正規表達式測試 即時測試 JavaScript 正規表達式,標出符合處與群組。 色碼轉換 HEX、RGB、HSL 互轉,順便檢查黑白字對比。 密碼產生器 依需求產生高強度的隨機密碼。 CSS 陰影產生器 疊多層陰影、套用預設樣式,複製 box-shadow CSS。 CSV 轉 JSON CSV 與 JSON 互轉,引號、換行、Tab、分號都能處理。 YAML 轉 JSON YAML 與 JSON 互轉,語法錯誤會標出第幾行。 XML 檢視器 貼上 XML,用表格、JSON 或排版好的 XML 來看。 Cron 表達式產生器 把 cron 排程翻成白話,列出接下來的執行時間。 子網路計算機 IPv4、IPv6 子網路計算:網路位址、廣播位址、可用主機範圍與切割。 文字比對 比較兩段文字,看哪些行新增、哪些被刪掉。