カラー パレット ジェネレーター

カラー パレット ジェネレーターは、カラー ホイール ハーモニー ルールを使用して、単一のベース カラーを調整された色のセットに変換します。開始色を選択し、モード (色合いと色合い、単色、相補的、類似、三進的、または四進的) を選択します。ツールは、各スウォッチの HEX、RGB、および HSL 値を使用してバランスの取れたパレットを計算します。

適切な色の組み合わせは、HSL カラー ホイールで予測可能な関係に従います。補色は互いに反対に座り、類似の色は互いに隣り合い、トライアド カラーは等間隔に配置されます。 手作業でこれらを処理するということは、色相の角度と明るさの値を調整することを意味します。 このツールは、すぐに計算を行い、結果を表示するので、機能するスキームを選択できます。

すべてがブラウザで実行されます。 基本色を調整し、モードを切り替え、任意のスウォッチをクリックして値をコピーするか、パレット全体を CSS カスタム プロパティとしてエクスポートします。 アカウントもアップロードもありません。ページが読み込まれた後もオフラインで動作します。

ハーモニーモードは、色と車輪の関係から来て、円の周りに固定量によって色相を回転させる: 180 度相補的な、120 三進的な、類似のための小さなステップ その数学は、便利で、知覚的に均一ではないHSLで行われます.HSLの明度は、同じ値で黄色と青を処理し、目にはそうではない、それが三進集合が紙の上にバランスが取れ、画面上にアンバランスのように見える理由である 数字を信頼するのではなく、コントラストチェッカーに対してテキストに使用することを計画している任意のパレットをチェックする 色相と彩度を保持しながら、光度を移動することによって、色合いと色合いが生成され、それが認識可能な関連性を保ち、CSS変数のセットとして有用である理由である。