coolHue

Web Information

クールなグラデーションがたくさん用意されたWebサイト「coolHue」

coolHueはクールで素敵なグラデーションがたくさん用意されたWebサイトです。CSSのコードをコピーできたり、画像としてダウンロードすることもできるので、美しいグラデーションを作る際にとても役立ちます。

coolHue

coolHue

coolHueのサイトを訪れると、多彩なグラデーションがキレイに並べられています。各グラデーションには実際に使われているカラーコードも記載されています。

また、画像にマウスオーバーすると「<>」と「↓」のアイコンが表示されます。「<>」をクリックするとCSSコードがコピーされ、「↓」をクリックすると画像の単体ページが開かれダウンロードできるようになっています。

目的のグラデーションのCSSコードが一瞬でコピーされるので、サイトでグラデーションを使用する時にはとても効率的ですね。

さまざまなパターンのグラデーションが用意されているので、グラデーションを作る際の参考にも役立つと思います。クールでオシャレなグラデーションを求めている人は、ぜひ「coolHue」をチェックしてみてください。

というわけで、たくさんのグラデーションが用意されたWebサイト「coolHue」の紹介でした。

vallenato.jsシンプルで実装も簡単なjQueryアコーディオン「vallenato.js」前のページ

プレーンなJavaScriptによるレスポンシブなLightbox「jsOnlyLightbox」次のページno-image

関連記事

  1. Web Information

    iPhone版Pocketで横スクロールした際に次の段落まで飛ぶ機能を無効にするやり方

    iPhoneのPocketが好きで、個人的に結構使ってるんですが、横ス…

  2. タブの順番を入れ替える

    Web Information

    iPhoneのSafariで複数あるタブの順番を入れ替える(並べ替え)やり方

    iPhoneのSafariでブラウジングしているといつの間にかタブがた…

  3. Responsive Full Width Tabs
  4. MeasureIt

    Web Information

    Webページ上の要素の縦横サイズを計測できるChrome拡張機能「MeasureIt」

    MeasureItはWebページ上の特定の要素の縦横サイズを簡単に計測…

  5. Web Information

    TumblrにiPhoneからブックマークレットを使って簡単に投稿できるようにしてみる

    TumblrにiPhoneから簡単に投稿できたりするブックマークレット…

  6. Web Information

    はてなブックマークでブクマした時に自動でTwitterへ投稿する連携方法

    はてなブックマークで好きな記事をブクマした時に自動でTwitterへ投…

最近の記事

  1. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  2. ペットボトルホルスター

アーカイブ

PAGE TOP