● オンライン
uiGradients

シンプル と Pure グラデーション インスピレーション ライブラリ

カラー無料素材

プロダクト概要

uiGradientsは、高品質な2色グラデーションスキームのコレクションの提供に特化した、信じられないほどシンプルなオンラインリソースです。ミニマリストのデザインと純粋でインスピレーショナルな提示により、デザイナーに愛されています。 純粋なインスピレーションの発見:uiGradientsのコア体験は「発見」に関するものです。複雑なエディターはなく、単一のグラデーション背景を全画面で大規模に表示するだけです。アートブックをめくるように、左右の矢印をクリックして、美しく名付けられたコミュニティ提供のグラデーションスキームを何百もブラウズできます。 ワンクリックでのコードコピー:気に入ったグラデーションを見つけたら、右上のコードアイコンをクリックするだけです。そのグラデーションのCSSコードが即座に生成され、クリップボードに自動コピーされ、プロジェクトですぐに使用できます。 複数のフォーマットと方向:CSSコードを提供するだけでなく、グラデーションを.JPG画像ファイルとしてダウンロードすることもできます。さらに、グラデーションの方向(上から下、左から右など)をその場で変更し、対応するコードを生成できます。

label.best_for

1. Pure インスピレーション Discovery: core experience の uiGradients is 全て about "discovery." それ 持つ なし complex editor, のみ massive, 完全-画面 ディスプレイ の 単一 グラデーション 背景. あなた できる click left と right arrowsに閲覧 を通じて hundreds の beautifully named, コミュニティ-contributed グラデーション schemes, 多くの のような flipping を通じて art book. 2. One-Click コード Copying: いつ あなた 見つける グラデーション あなた のような, あなた simply click コード アイコン で top-right corner. それ instantly 生成する CSS コード のための その グラデーション と automatically copies それにあなたの clipboard のための immediate 使用 で あなたの projects. 3. 複数 Formats と Orientations: それ ではない のみ 提供する CSS コード しかし また 可能にする あなたにダウンロード グラデーション として `.JPG` 画像 file. Additionally, あなた できる 変更 グラデーション's orientation (top-に-bottom, left-に-right, etc.) で fly と 生成 corresponding コード.

主な機能

  • 1. Pure インスピレーション Discovery: core experience の uiGradients is 全て about "discovery." それ 持つ なし complex editor, のみ massive, 完全-画面 ディスプレイ の 単一 グラデーション 背景. あなた できる click left と right arrowsに閲覧 を通じて hundreds の beautifully named, コミュニティ-contributed グラデーション schemes, 多くの のような flipping を通じて art book.
  • 2. One-Click コード Copying: いつ あなた 見つける グラデーション あなた のような, あなた simply click コード アイコン で top-right corner. それ instantly 生成する CSS コード のための その グラデーション と automatically copies それにあなたの clipboard のための immediate 使用 で あなたの projects.
  • 3. 複数 Formats と Orientations: それ ではない のみ 提供する CSS コード しかし また 可能にする あなたにダウンロード グラデーション として `.JPG` 画像 file. Additionally, あなた できる 変更 グラデーション's orientation (top-に-bottom, left-に-right, etc.) で fly と 生成 corresponding コード.

メリット

  • +豊富なアイコンライブラリ
  • +カラーパレット生成
  • +CSS/デザインツールにエクスポート
  • +ワークフローを効率化

デメリット

  • -色の生成のみ対応
  • -学習コストが必要な場合あり
/// 関連ツール