[CSS]CSS3のグラデーション用ジェネレーターUltimate CSS Gradient Generatorが超便利

イラレやフォトショでデザインしたグラデーションのボタンなどを、CSS3のグラデーションに落とし込む時などに使えるサービスがUltimate CSS Gradient Generatorです。

カラーピッカーとグラデーションバー付きで分かりやすく、しかもグラデーションの方向やカラーフォーマットも指定できますし、出来上がったソースコードをCSSファイル内にコピペするだけなので便利です。

Ultimate CSS Gradient Generator へアクセス

以下のページからUltimate CSS Gradient Generatorへアクセスします。
Ultimate CSS Gradient Generator

グラデーションの設定

グラーデーションのサンプルもいくつか用意されていますので、そのまま使うのも良いですし、


カラーとグラデーションの位置を直接入力することもできます。


オプションとして、「Orientation」の選択肢よりグラデーションの向き（水平か垂直か）も指定できます。


カラー「Color format」の選択肢より RGBa での設定も可能です。


「switch to scss」のリンクをクリックすることで、 SCSS (Sass)のコードも表示できます。


出来上がったソースコードをCSS ファイルにコピペすれば、簡単にグラデーションが実現できます。