设计
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不会保存这些文件。
处理上限由什么决定？
实际处理上限取决于文件大小、所选操作以及设备可用内存。