パステル CSS グラデーション — 既成のコード
CSS グラデーションを視覚的に構築します。ライブ全幅プレビューとコピー可能なコードを使用して、線形、放射状、または円錐タイプ、角度スライダー、最大 6 つのカラー ストップを使用できます。
処理中...
0%
結果
このページでは、既製のパステル フェードが読み込まれたグラデーション ジェネレーターが開きます: パウダー ピンク #ffdde1 がダスティ ローズ #ee9ca7 にブレンドされています。プレビュー パネルにはソフト結果がすぐに表示され、その下に CSS 行が用意されています。
パステル グラデーションは、オンボーディング画面、カード、空の状態、美容やライフスタイルのブランディングなど、飽和状態が叫ばれそうな場所で機能します。両方のストップが明るいため、暗いテキストは表面全体で読みやすくなります。これは、ほとんどの鮮やかなグラデーションではオーバーレイなしでは実現できません。
線をそのままコピーするか、不透明度に隣接するトリックを微調整して線をさらに柔らかくします。バラのストップを 80% に移動してピンクを優勢にするか、放射状タイプに切り替えて中心を穏やかに輝かせます。このツールは、入力ごとにコピー可能な CSS を更新します。