カラーパレット生成

このカラー パレット ジェネレーターは、単一のベース カラーを完全な明暗スケールに加え、相補的、類似的、および 3 つの調和を加えたものに変換し、すべてのスウォッチをワンクリックで 16 進コードとしてコピーできます。

すべては入力した色に基づいてブラウザで計算されるため、何もアップロードされません。

色合いと色合いのスケールは、基本の色相と彩度を維持し、明度を明るいところから暗いところまで広げ、一貫した一連のステップを提供します。これはまさに、デザイン システムが背景、境界線、テキスト、状態に使用するスケールの種類です。

調和は、カラーホイールの周りで色相を回転させることに基づいた色彩理論に基づいています。補色は反対の色相で強いコントラストを実現し、類似色は隣接する色相で落ち着いたまとまりのある外観を実現し、三和色は 3 つの等間隔の色相でバランスのとれた鮮やかなセットを実現します。

これらを組み合わせると、手動で 16 進コードを推測することなく、ブランド カラーからの実用的な出発パレットが得られます。ニュートラルとシェードのスケール、およびアクセントとハイライトのハーモニーが得られます。

スウォッチ ピッカーまたは 16 進数でベース カラーを入力すると、パレットが即座に更新されるため、バリエーションをすばやく探索できます。