ベース色を選んで完全なパレットを取得します, 補色、類似色、トライアド、テトラード、モノクロ。任意のスウォッチをHEX、RGB、HSLとしてコピーできます。何もブラウザを離れません。
カラースキームジェネレーターは選択した1つのベースカラーから完全なカラーパレットを構築します。補色（色相環の反対側）、類似色（隣接する色相）、三色配色（均等に間隔を置いた3色）、四色配色（2つの補色ペアの4色）、モノクロ（同じ色相の明度と彩度を変化させたもの）のいずれかを選べます。すべてのパレットロジックはブラウザで実行されます。入力したものはデバイスの外に出ることはありません。
生成された各パレットは、コピー可能なHEXとRGB値付きのスウォッチを表示します。これにより、デザイナーは当てずっぽうではなく色彩理論に基づいた出発点を得られます。ジェネレーターは最初のページロード後にオフラインで使用できるため、ネットワーク接続なしにクライアントミーティング中にブランドカラーを自由に実験できます。ベースカラーはHEX、RGB、HSLのいずれの表記でも入力でき、生成される各スウォッチはこの3つの表記すべてで返されるため、使用しているデザインツールが求める表記のものをコピーできます。
補色はHSL色相環でベースカラーの正反対、180度離れた色相です。補色を並べて配置すると最大のコントラストが生まれます。ツールはベースカラーとその補色、そして各色の明るいバリアントと暗いバリアントを表示します。
三色配色は色相環上で120度均等に配置された3つの色相を使用します。四色配色は90度間隔の4つの色相を使用し、2組の補色ペアを形成します（二重補色またはスクエアパレットとも呼ばれます）。四色配色はより複雑で、視覚的なノイズを避けるために比率を慎重に調整する必要があります。
いいえ。パレット生成はベースカラーのHSL表現に対する算術です。色相角を固定量だけ回転させ、明度と彩度をシフトさせます。すべての計算はブラウザのローカルで実行されます。サーバーには何も送信されません。
ツールは現在、コピー可能なHEXとRGB値付きのスウォッチを表示します。完全なCSSカスタムプロパティのエクスポートまたはデザイントークンJSONについては、プロジェクトのトークンファイルまたはCSSに値を手動でコピーしてください。専用のエクスポートボタンは将来のアップデートで追加される可能性があります。
パレット計算はHSL色空間での標準的な色相回転式を使用します。これはほとんどのWebデザインツールで慣例となっています。HSLの正確な知覚均一性にはLABやOKLCHと比較して限界がありますが、HSL回転はデザイナーが通常期待する色相環の慣例に一致するパレットを生成します。