設計
CSS 漸層產生器
CSS 漸層產生器. 輸入: 2 colors. 輸出: CSS linear-gradient.
開啟工具
色彩與設計GGMET · FREE TOOLS18工具
$0Core features are free
WEBNo software installation
設計
選擇工具
Code and formats
設計
HEX、RGB、HSL 與 HSV 色彩轉換
HEX、RGB、HSL 與 HSV 色彩轉換. 輸入: HEX, RGB, HSL, HSV. 輸出: color values.
開啟工具
設計
CSS 放射漸層產生器
CSS 放射漸層產生器. 輸入: 2 colors. 輸出: CSS radial-gradient.
開啟工具
設計
CSS 多色漸層產生器
CSS 多色漸層產生器. 輸入: color stops. 輸出: CSS linear-gradient.
開啟工具
設計
WCAG 對比度檢查
WCAG 對比度檢查. 輸入: foreground + background. 輸出: contrast ratio.
開啟工具
設計
可讀文字色彩選擇器
可讀文字色彩選擇器. 輸入: background color. 輸出: light or dark text choice.
開啟工具
設計
配色方案產生器
配色方案產生器. 輸入: base color. 輸出: color palette.
開啟工具
設計
雙色混合器
雙色混合器. 輸入: 2 colors. 輸出: mixed color.
開啟工具
設計
色彩明暗階產生器
色彩明暗階產生器. 輸入: base color. 輸出: lighter and darker shades.
開啟工具
設計
CSS box-shadow 產生器
CSS box-shadow 產生器. 輸入: CSS parameters. 輸出: CSS box-shadow.
開啟工具
設計
CSS text-shadow 產生器
CSS text-shadow 產生器. 輸入: text + shadow parameters. 輸出: CSS text-shadow.
開啟工具
設計
CSS border-radius 產生器
CSS border-radius 產生器. 輸入: corner values. 輸出: CSS border-radius.
開啟工具
設計
CSS 圖片濾鏡產生器
CSS 圖片濾鏡產生器. 輸入: image preview. 輸出: CSS filter.
開啟工具
設計
Glassmorphism 產生器
Glassmorphism 產生器. 輸入: background and panel parameters. 輸出: CSS.
開啟工具
設計
CSS 背景圖樣產生器
CSS 背景圖樣產生器. 輸入: colors and pattern settings. 輸出: CSS background.
開啟工具
設計
SVG 區塊分隔線產生器
SVG 區塊分隔線產生器. 輸入: shape parameters. 輸出: SVG.
開啟工具
設計
從調色盤產生 CSS 變數
從調色盤產生 CSS 變數. 輸入: palette. 輸出: CSS custom properties.
開啟工具
設計
匯出調色盤
匯出調色盤. 輸入: palette. 輸出: CSS, JSON, SVG, PNG.
開啟工具色彩與設計線上工具
需要建立帳戶嗎？
不需要。工具的基本功能無需註冊即可使用。
GGMet會儲存我的檔案嗎？
不會。所選檔案只會用於產生指定結果，GGMet不會儲存這些檔案。
處理上限取決於什麼？
實際上限取決於檔案大小、所選操作以及裝置可用記憶體。