色のグラデーションは、2つ以上の色を徐々にブレンドしたものです。通常、グラデーションは2つのユーザー定義の色で定義され、コンピュータはその間のすべての色を自動的に計算します。色のグラデーションは、2つ以上の使用定義色で構成できます。 WebサイトのCSSコードでは、線形グラデーションと放射状グラデーションを定義できます。 線形カラーグラディエントは、カラーを直線でブレンドし、あるポイントから別のポイントへと段階的に色が変化します。 放射状カラーグラデーションは、円を描くように色をブレンドし、特定のポイントから放射状に広がる色の変化をもたらします。
通常、デザイナーは2つ以上の色を手動で選択して色のグラデーションを作成します。これには、デザインの経験と色の調和に対する優れた目が必要です。私たちのカラーグラデーションジェネレーターは、ロゴメーカーMy Brand New Logoのカラーグラデーションアルゴリズムを利用して、見栄えの良いグラデーションとバランスの取れたカラーグラデーションを自動的に作成します。単一の色を選択するだけで、グラデーションジェネレーターがそれに基づいて見栄えの良いグラデーションを自動的に生成します。舞台裏では多くのカラーサイエンスが行われていますが、カラーグラデーションは常に見栄えがよいのでご安心ください。
CSS背景グラデーションジェネレーターは、選択した色に基づいて自動的に色のグラデーションを作成します。グラデーションにはさまざまなスタイルがあります。 ライトスタイルは、光源によって強調されているように見えるカラーグラデーションを生成します。あなたの色に輝きを加えるのに最適です。 deepスタイルは、そのコンセプトをもう少し進め、カラースペクトルに色相を追加します。 レインボースタイルは、淡い色に最適で、真珠層の外観を作成します。そして、強烈なスタイルは、強烈で、深く、豊かな色のグラデーションを作成します。
色を選択したら、スライダーをドラッグしてグラデーションを調整できます。最初のスライダーは、グラデーションの量を制御します。 2番目のスライダーは、カラーグラデーションの回転を制御します。これを使用して、ライトがどこから来るかをシミュレートできます。 3番目のスライダーは、線形モードから放射状モードに切り替わります。
グラデーションに満足したら、生成されたCSSカラーグラデーションコードをコピーアンドペーストして CSSコードを取得*してください。独自のCSSコードに配置して、独自のWebデザインでまったく同じグラデーションを実現します。
色のグラデーションのあるロゴを作成する場合は、いくつかのガイドラインを設定しています。
次のCSSコードをWebプロジェクトで使用して、色のグラデーションを取得します。