デザイン
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色ミキサー
2色ミキサー. 入力: 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には保存されません。
処理上限は何で決まりますか？
実際の上限は、ファイルサイズ、選択した処理、端末で利用できるメモリによって異なります。