マルチカラーグラデーションのコードをコピーできる「gradienta」

マルチカラーグラデーションのコードをコピー、またはJPGで保存できるWebサービス「gradienta」の紹介です。バングラデシュのデザイナーさんが公開しているサービスで、レイヤー・ブレンドモードなどで描画された複雑なグラデーションをアーカイブ化しています。


gradienta

グラデーションはDark・Light・Simple・Vibrant・Contrasty・Abstract・Noisyとカテゴライズされています。

CSSを見てみるとそこまで複雑ではないので、CSSの勉強にもよいですね。ライセンスはMIT Licenseとなっています。以上、マルチカラーグラデーションのコードをコピーできる「gradienta」の紹介でした。


  • Web上で差分が確認できるテキスト比較ツール「difff」
  • UIデザインのスニペットがまとめられたサイト「CodeMyUI」
  • サイトで使用していないCSSセレクタを調べられる「Unused CSS」
  • 【CSS】CSSだけで作られた簡単に使えるアイコンセット
  • Webサイト・アプリなどUIの配色を試せる「Pandacolors」
RELATED POSTS
  • センスが磨ける?Webデザイナー向けのクイズ・ゲームサイト
  • 直感的に操作できるサイトツアーを実装できるライブラリまとめ
  • きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
  • 【jQuery】エフェクトが魅力的なスライダー「jQuery Hero Slider Plugin」
  • モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
  • コピペするだけで使えるCSSボタンジェネレーターまとめ
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
RECENT POSTS
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」