オンライン正方形カラースキームツール

ベースカラーから90度間隔の4色を生成。HEX/RGB/HSV/HSL対応。例：#FF0000→#FF0000, #80FF00, #00FFFF, #7F00FF。ブラウザ内処…

使ってみる

正方形配色は、色相環上で90度ずつ等間隔に配置された4色の組み合わせです。このツールでは、HSL色空間で色相を0度、90度、180度、270度に固定して生成します。色相の間隔は常に90度で、角度や色数のオプションはありません。

ベースカラーに#FF0000（赤）を指定すると、以下の4色が順に生成されます。

元の色は正確に保持され、回転した色はHSLの彩度と明度を整数に丸めてから変換されます。この丸め処理により、他のツールと1レベル程度の差が生じることがあります。

生成されたパレットのテキストは即座に表示されます。各スウォッチは独立して編集できるため、編集後の配色が正方形でなくなる場合があります。また、HSLの等間隔は知覚的な明るさの等しさや十分なコントラストを保証するものではありません。実際の前景色と背景色の組み合わせは別途確認してください。

このツールはブラウザ内で処理が完結し、AIやアップロードは使用しません。コントラストスコアやエクスポート形式の選択機能はありません。モバイルでは、ベースカラーを選んでから計算し、4つのパネルを確認してください。HEX値は地域の小数点や日付形式の影響を受けません。

いいえ、各スウォッチは独立して編集可能です。1つの色を変更しても、他の色は自動的に回転したり更新されたりしません。そのため、編集後の配色は正方形ではなくなる可能性があります。

いいえ、このツールでは色相のオフセットは0度、90度、180度、270度に固定されており、角度や色数のオプションはありません。長方形配色（レクタングル）とは異なり、すべての色相間隔が90度です。

回転した色はHSLの彩度と明度を整数に丸めてからRGBに変換するため、チャンネル変換の丸めにより1レベル程度の差が生じることがあります。元のベースカラーは正確に保持されます。

処理はブラウザ内でローカルに行われます。