CSSのコピーや画像ダウンロードも可!美しいグラデーションがまとめられている「coolhue」

CSSのコピーや画像ダウンロードも可!美しいグラデーションがまとめられている「coolhue」

CSSのコピーや画像ダウンロードも可!美しいグラデーションがまとめられている「coolhue」

coolhueは、美しいグラデーションがまとめられているWEBサービスです。掲載されているグラデーションを表現するためのCSSをコピーしたり、画像としてダウンロードすることができます。

coolhueの使い方

coolhueにアクセスします。気に入ったグラデーションがあったら、マウスホバーして「<>」をクリックします。

CSSのコピー

クリップボードに以下のようなCSSがコピーされますので、スタイルシートにペーストして使います。

background-image: linear-gradient( 135deg, #ABDCFF 0%, #0396FF 100%);

画像としてダウンロードしたい場合は、「↓」をクリックします。別タブで画像が開くので、右クリックして[名前を付けて画像を保存]しましょう。

グラデーション画像のダウンロード

あとがき

以前紹介した「WebGradients」に似たサービスです。それぞれ紹介されているグラデーションの種類は違うので、両方見てみると気に入るカラーが発見できるかと思います。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です