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

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

CSSのコピーや画像ダウンロードも可!美しいグラデーションがまとめられている「coolhue」
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加


  • 年間$149ドルで10万点以上の映像素材をダウンロードし放題!
  • このエントリーをはてなブックマークに追加

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

スポンサードリンク

coolhueの使い方

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

CSSのコピー

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

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

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

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

あとがき

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

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

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。