Color Shades Generator

カラーシェードジェネレーターは、1 つのベースカラーを取り、その明るいバージョンと暗いバージョンの単色スケールを構築します。 #4466EEなどの単一の入力から、白に向かってステップする色合いの行、黒に向かってステップする色合いの行、およびグレーに向かってステップするトーンの行を生成します。各スウォッチは、HEX、RGB、または HSL としてコピーして、CSS、デザインファイル、またはテーマ構成にまっすぐにドロップできる実際の色です。

3 つのスケールは、色彩理論で使用される古典的な定義に由来しています。色合いとは、同じ色相を維持しながら明るさを高める白と混合されたベースのことです。色合いとは、黒と混合されたベースで暗くなります。色調とは、灰色と混合されたベースで、強度が低下し、色の落ち着いた、より洗練されたバージョンが得られます。 1 つの入力から 3 つすべてを取得すると、一貫したパレットを構築できます。ボタンとそのホバリング状態、一連のチャート シリーズ、またはインターフェイスの明暗の表面はすべて、単一のブランド カラーから派生します。

ジェネレータは完全にブラウザで実行されます。入力した色が解析され、スケールはクライアント側の JavaScript で計算されるため、アップロードされるものは何もなく、アカウントも存在せず、作業が追跡されることもありません。 HEX、rgb()、hsl()、および一般的な CSS カラー名を受け入れ、各スケールに含まれるステップ数を設定でき、すべてのスウォッチを即座に更新します。ページがロードされると、オフラインで動作します。