使い方
- まず2色を決め、まだ単調なら3色目を追加します。
- 線形か放射、方向プリセットを選びます。
- CSS 文字列または各色をコピーして、次のツールや仕様書に渡します。
Wave 46 expansion
配色決定の次に、実際の適用形を作る
このページは色選びのあと、形式変換やコントラスト確認の前に置く中継面です。答えるのは「この色でどんなグラデーションにするか」だけです。
グラデーション見本
近いページとの使い分け
カラーピッカー や カラーミキサー は、色そのものがまだ固まっていない段階で使います。カラーパレット生成 は周辺候補を広げるページです。このページは、色が決まったあとに背景や UI のグラデーションへ落とし込む段階で使います。形式変換は カラー変換、文字の読みやすさ確認は コントラストチェッカー へ進みます。
FAQ
このページで何ができますか？
2色または3色から、線形または放射の CSS グラデーションを作り、CSS 文字列と見本を確認できます。
カラーパレット生成との違いは何ですか？
カラーパレット生成は周辺候補色を広げるページです。このページは、決めた色を実際の背景やUI用グラデーションへ落とし込むページです。
デザインファイルは出力できますか？
いいえ。出力は CSS 文字列と見本表示だけです。必要なら個別色を他ツールへコピーしてください。
共有URLには何が入りますか？
色、グラデーション種類、方向、3色目の有無だけが入ります。