コード、データと QRツール

ランダムグラデーション生成

2~6個の色停止点、種類、任意のシードを選びます。生成CSSはデザインの出発点です。

ブラウザ内で処理登録不要プライバシーの説明 ↗

シード、正規化した停止点数、種類が同じなら再現します。シードなしでは利用可能なら暗号学的乱数、なければMath.randomを使います。色は美的な選択で、文字のコントラストやアクセシビリティは保証しません。

使い方

使い方

  1. 任意のシード、停止点数、種類を指定します。
  2. 生成してプレビューを確認します。
  3. CSSをコピーし、利用できない場合は手動で選択します。

生成規則

色相0~359°、彩度55~84%、明度38~67%です。停止位置は等間隔で整数パーセントに丸めます。線形角度は0~360°、放射状はcircleです。

シードと乱数

前後の空白を除いた空でないシードはローカルの決定的生成器を使います。シードなしでは利用可能ならブラウザーの暗号学的乱数、なければMath.randomを使います。デザイン用であり安全な乱数生成器ではありません。

制限とプライバシー

数は2~6に制限して切り捨て、空または非数値なら既存の3停止点を使います。生成、確認、コピーはブラウザー内です。文字のコントラストやアクセシビリティは保証しません。

よくある質問

あわせて知りたいこと

シードで再現できますか?

同じ実装でシード、正規化した数、種類が同じなら再現します。異なるシードが一致することもあり、一意性は保証しません。

文字の読みやすさは保証しますか?

いいえ。実際のデザインでコントラストを確認してください。