ランダムグラデーション生成
2~6個の色停止点、種類、任意のシードを選びます。生成CSSはデザインの出発点です。
使い方
使い方
- 任意のシード、停止点数、種類を指定します。
- 生成してプレビューを確認します。
- CSSをコピーし、利用できない場合は手動で選択します。
生成規則
色相0~359°、彩度55~84%、明度38~67%です。停止位置は等間隔で整数パーセントに丸めます。線形角度は0~360°、放射状はcircleです。
シードと乱数
前後の空白を除いた空でないシードはローカルの決定的生成器を使います。シードなしでは利用可能ならブラウザーの暗号学的乱数、なければMath.randomを使います。デザイン用であり安全な乱数生成器ではありません。
制限とプライバシー
数は2~6に制限して切り捨て、空または非数値なら既存の3停止点を使います。生成、確認、コピーはブラウザー内です。文字のコントラストやアクセシビリティは保証しません。
よくある質問
あわせて知りたいこと
シードで再現できますか?
同じ実装でシード、正規化した数、種類が同じなら再現します。異なるシードが一致することもあり、一意性は保証しません。
文字の読みやすさは保証しますか?
いいえ。実際のデザインでコントラストを確認してください。