Ocean CSS グラデーション — 既成のコード
CSS グラデーションを視覚的に構築します。ライブ全幅プレビューとコピー可能なコードを使用して、線形、放射状、または円錐タイプ、角度スライダー、最大 6 つのカラー ストップを使用できます。
処理中...
0%
結果
このページでは、既成のオーシャン フェードが読み込まれたグラデーション ジェネレーターが開きます: ディープ ティール #2193b0 がライト アクア #6dd5ed に流れ込みます。全幅プレビューではすぐにレンダリングされ、背景の CSS 行をコピーする準備が整います。
ブルー ティールのグラデーションは、UI で最も安全な選択です。穏やかさと信頼を示し、両端の白と濃い色のテキストを読みやすくし、ダッシュボード、SaaS ランディング ページ、バナーに同様に適合します。どちらのストップも同じクールな色合いファミリーを共有しているため、ブレンドは全長にわたってきれいな状態を保ちます。
そのまま出荷するか、垂直方向の奥行き効果を得るために角度を急にするか、地平線の輝きを得るために 100% に近い白の絞りを追加して調整します。ボタンとアクセントに一致する単色が必要な場合は、このサイトのカラー パレット ジェネレーターを使用して、どちらかの方法で調和を構築します。