オンライン4色カラースキームツール

長方形テトラッドとは

長方形テトラッドは、HSL色相環上で0°、60°、180°、240°の位置にある4色の組み合わせです。これは2組の補色ペアからなり、正方形テトラッド（90°間隔）とは異なります。

実際の動作例

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

• #FF0000（赤）
• #FFFF00（黄）
• #00FFFF（シアン）
• #0000FF（青）

オフセット0°の色はベースカラーと正確に一致します。他の色はHSLの彩度と明度を整数に丸めて計算されるため、他のツールとわずかに異なる場合があります。

編集とリセット

結果の色を手動で編集すると、その色だけが変更され、他の色には影響しません。「クリア」を押すとベースカラーが初期値に戻り、結果が空になります。

制限と注意

このツールはブラウザ内で動作し、写真のアップロードやサーバー計算は行いません。自動コントラストスコア、色覚シミュレーション、パレットファイル形式の選択機能はありません。生成された4色はデザインの候補として使用し、アクセシビリティを保証するものではありません。テキストと背景の組み合わせは別途テストしてください。

よくある質問

長方形テトラッドと正方形テトラッドの違いは？

長方形テトラッドは色相環上で0°、60°、180°、240°の位置にあり、2組の補色ペアを形成します。正方形テトラッドは90°間隔で等間隔に配置されます。このツールは固定の長方形配置のみを生成し、角度セレクターはありません。

結果の色を個別に調整できますか？

はい、各スウォッチの色は個別に編集できます。ただし、編集はその色だけに影響し、他の色は自動的に更新されません。

生成された色はアクセシブルですか？

このツールはコントラスト比を計算しないため、アクセシビリティを保証しません。テキストと背景の組み合わせには、別途コントラストチェッカーを使用してください。

チェックリスト

• ベースカラーを選択
• 計算ボタンをクリック
• 4つのスウォッチを確認
• 必要に応じて個別に編集
• クリアでリセット

最初の色は元のRGB値を保ちます。残りの3色は、基準色の色相H・彩度S・明度Lを整数のHSL単位に丸めてからオフセットを適用します。丸めない計算との差はRGBの1チャネル値を超える場合があります。#FC0000の結果は#FC0000、#FAFA00、#00FAFA、#0000FAです。