- -グラデーションを形成する色を選択し、グラデーション付きのCSS 3コードを取得する[Mac]

色を選択してグラデーションを作成し、グラデーションを使用してCSS 3コードを取得する[Mac]

色のグラデーションのためのCSS 3クラスの定義は必要な色の濃淡を見つけ、それらを混ぜ合わせてグラデーションを形成する必要があるため、厄介なタスク。グラデーションが作成されると、それをCSS3コード(HTML5で呼び出す)に変換するのは簡単ではありません。 Webデザイナーは、さまざまなカラーシェードの正確なHEX値を見つけるのに苦労することが多く、最終的にカラーグラデーションのCSSクラスを作成します。 勾配 Mac用の小さくてエレガントなアプリケーションですを使用して、グラデーションを形成する色を選択し、グラデーションの形状を変更し、Webサイトのスタイルシートドキュメントで使用するグラデーションの最終バージョンのCSS3コードを生成できます。アプリケーションには、グラデーションの色合いを手動で調整するためのRGBおよびHEXカラーコードエディターが付属しています。 2つの小さなカラーピッカーもアプリケーションに統合されており、グラデーションカラーシェードごとに画面から色を選択します。

画面から色を選択しますグラデーションに含めるには、虫眼鏡ボタンをクリックしてカラーピッカーを起動し、カーソルを移動して色合いを表示します。クリックすると、現在のマウスポインターの位置の下にある色合いがアプリケーションに保存されます。同様に、グラデーションの他の色合いを選択できます。小さな 色替え ボタンを使用して電流を切り替えることができますグラデーションカラー。デフォルトでは、RGBおよびHEXカラーコードエディターは非表示です。ただし、下向き矢印ボタンで表示できます。グラデーションの両方のカラーシェードのRGBおよびHEXカラー値を表示します。

グラデーションメイン2

カラーピッカーとは別に、手動で変更できますMacネイティブカラーパレットを使用したグラデーションカラー。 RGBおよびHEXカラーコードエディターの下に、必要なグラデーションスタイルと角度を選択するスイッチボタンがあります。デフォルトでは、4つの角度が表示されます。スイッチボタンをクリックすると、さまざまなグラデーションスタイルが表示されます。

勾配

Gradientは、Firefox、Opera、Chrome、Internet Explorerなど、広く使用されているすべてのWebブラウザーをサポートしています。 [設定]から、フォールバックカラーと出力モードを変更できます。

設定

完了したら、CSSボタンをクリックしてグラデーションCSSコードを表示できます。ただし、CSSコードを直接コピーする場合は、[コピー]をクリックして、CSSファイルまたはアプリケーション開発IDEにコードを貼り付けます。

コード

全体として、Gradientは、グラフィックデザインプロジェクトでグラデーションCSSコードを設計して埋め込むためのクイックツールを提供します。 Mac 10.6以降で動作します。

グラデーションをダウンロード

コメント