a11y.skipToMainContent
1

カラーミキサー

2つの色を選ぶと、必要なだけ多くのステップでそれらの間で滑らかな勾配を見ることができます。 CSS グラデーションコードをコピーします.

Was this tool helpful?
Send Image to:
Advertisement

How to use Color Mixer

  1. 2つの色を選ぶか、または入力して下さい.
  2. 勾配段数を調整します.
  3. グラデーションをプレビューし、CSSコードをコピーします.

カラーミキサーとは?

カラーミキサーは、RGB空間の線形補間を通して2色をブレンドし、均等に間隔をあいた中間色を作り出します。 デザイナーは、スムーズなグラデーションを作成したり、中間のブランドカラーを見つけたり、カラートランジションを視覚化したりするために使用します。

Advertisement

FAQ

どの色空間が使われますか?
ほとんどのユースケースでは、天然のグラデーションを生成する混合用RGBリニアインターポレーションを使用しています.
CSSグラデーションに使えますか?
はい — 出力は既定のCSSの線形勾配()値です.

Related tools

Author

AR
Aisha Rahmani"The Visual Storyteller"

Design Technologist & Media Specialist

Aisha bridges the gap between pixels and code. With expertise in image processing, SVG optimization, and video compression, she helps creators, designers, and marketers prepare media that looks great and loads fast. She has spoken at design conferences about accessible visual content and has helped agencies reduce page-weight budgets by up to 60 percent without sacrificing creative quality.

Advertisement