カラーパレット

色相環（0〜360度）上での角度関係です。補色は基準色の180度反対、トライアドは120度ずつ3等分、スプリットコンプリメンタリーは補色の両隣（150度・210度）、テトラディックは60度・180度・240度、スクエアは90度おきの4色、モノクロマティックは同じ色相のまま明度（L値）だけ5段階（±15・±30ポイント）に変えたパレットです。

その色を背景にしたとき、白文字と黒文字それぞれのWCAGコントラスト比の判定です。コントラスト比が高い方が推奨として表示されるので、文字色を選ぶ際の目安にできます。

色相環をドラッグして色相・彩度を指定するほか、明度スライダーで明るさも調整できます。「カスタム」ルールを選ぶと、生成されたパレットの色を個別に調整することもできます。

スウォッチや表の値をクリックするとHEXコードがコピーされます。「HEX一覧」「CSS変数（:root）」ボタンでパレット全体をまとめてコピーすることもでき、デザインカンプやCSSにそのまま貼り付けて配色の統一感を保つのに使えます。

「共有リンクをコピー」で、いまの配色ルール・基準色（カスタムなら各色）をURLのクエリに載せたリンクをコピーできます。そのURLを開くと同じパレットが再現されるので、チームへの共有やメモ代わりに使えます。また、操作したパレットはこの端末のブラウザ（localStorage）に履歴として自動保存され、★でピン留めすると消えずに残ります。サーバーには送信しません。