オフラインでも使えますか？

ページを一度読み込んだあとは、多くの処理がブラウザ内で完結するためネットワーク接続が切れても動作します。ただし初回アクセス時はオンラインが必要です。

スマートフォンでも使えますか？

はい。ランダムグラデーションはレスポンシブ対応しており、iPhone・Android・タブレット・PCなど、モダンなブラウザを搭載した端末であればどこからでも利用できます。

カラー無料登録不要

ランダムグラデーション

ランダムな美しいグラデーションのCSSコードを生成する無料オンラインツール。

入力

結果

background: linear-gradient(18deg, #afc8f5, #1780f1);

background: linear-gradient(70deg, #31114d, #ea2776);

background: linear-gradient(66deg, #e6a0c1, #fdcf1b);

background: linear-gradient(4deg, #bd9683, #676301);

background: linear-gradient(284deg, #a7a00d, #5360a4);

FAQ

よくある質問

ランダムグラデーションは主要なカラーフォーマットに対応しています。HEX（#FF0000）、RGB（255,0,0）、HSL（0,100%,50%）など、入力形式を自動判定します。

こちらもおすすめ

グラデーション色生成

2色の間のグラデーション中間色を指定ステップ数で生成する無料オンラインツール。

グラデーション方向ガイド

CSSグラデーションの方向指定(角度/キーワード)の一覧と視覚ガイドを表示する無料オンラインツール。

ランダムカラー生成

ランダムなカラーコードを生成。パレット作成やインスピレーションに便利な無料オンラインツール。

ランダムHEXカラー

暗号学的ランダムなHEXカラーを生成する無料オンラインツール。

アクセシブルカラー生成

WCAG 2.1のコントラスト比基準（AA/AAA）を満たす色の組み合わせを自動生成。アクセシビリティ対応のWebデザインに。無料オンラインカラーツール。

ANSIカラー一覧

ANSI 16色のコード一覧を表示する無料オンラインツール。ANSIカラー一覧をブラウザ上で即座に実行でき、カラーツールとして登録不要で利用できます。

読み込み中...