180種類のグラデーションがまとめられた「WebGradients」

 
180種類ものグラデーションのパターンをまとめたサイト「WebGradients」が便利そうなので忘備録。グラデーションで始点と終点の色設定がしっくりしない時など参考になります。

WebGradients



  • マルチカラーグラデーションのコードをコピーできる「gradienta」
  • アップロードしたイメージからカラーを抽出するツール「Pictones」
RELATED POSTS
  • 【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
  • Web上で差分が確認できるテキスト比較ツール「difff」
  • Web制作に役立つChromeおすすめの拡張機能11選
  • 非レスポンシブの要素をレスポンシブ化する「Reframe.js」
  • ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
  • 【jQuery】商品一覧ページなどで効果的に使える「Product Preview Slider」
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • 【2020年版】無料で使えるフリーイラスト素材サイト32選(商用利用可)
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】