カラーツール

ピッカー：大きな正方形は現在の色相における 彩度・明度マップです — 左から右へ彩度が上がり、上から下へ明るさが下がります。どこでもクリックして色を選択。右の細い縦棒は 色相スライダー（0°〜360°）— 動かすとベースの色相が変わり、正方形がそれに合わせて再描画されます。右側には選択した色を HEX、RGB、HSL 形式で表示 — どの値でもクリックでコピーできます。

パレット：左のカラーピッカーと右の編集ボックスは同じベースカラーを保持します — 双方向に同期します（色を選んでも hex を入力しても互いに更新）。下の 5 つのパレット行はすべて、このベースカラーの色相をカラーホイール上で回転して導出したものです：補色（色相 ＋180°、最強のコントラスト）、トライアド（＋120°/＋240°、バランスの取れた 3 色）、テトラッド（＋90°/＋180°/＋270°、長方形の 4 色）、アナロガス（−30°/ベース/＋30°/＋60°、調和する隣接色）、スプリット補色（＋150°/＋210°、純粋な補色より柔らかい）。各行の最初のスウォッチは常にベースカラー自体で、残りは色相を回転した変種です。

変換：有効な色なら何でも — HEX（#3b82f6）、CSS 関数（rgb(59,130,246) / hsl(217,90%,60%)）、色名（dodgerblue）— 入力すると主要な全形式へ即座に変換します。形式ドロップダウンは、自動判定が誤った形式を選んだ場合にパーサーへヒントを出せます。出力は HEX、RGB（0-255）、HSL（度、%、%）、HSV、CMYK。どの値でもクリックでコピーできます。

色覚：画像をアップロードしてシミュレートする色覚の型を選択します。このツールは全ピクセルに錐体反応行列変換を適用し、さまざまな色覚の人が知覚する様子に近づけるよう RGB 値を再マッピングします。左キャンバスは元の画像、右はシミュレーション。ドロップダウンは 3 つの 2 色型（錐体色素が 1 つ欠如：P 型、D 型、T 型）、全色盲（色覚なし）、3 つの異常 3 色型（錐体反応が弱い）をカバーします。低解像度の画像のほうが速く読み込まれます。

グラデーション：視覚的な CSS グラデーションビルダーです。リニア（方向性）またはラジアル（中心から外側）を選び、角度を設定し（0° ＝ 下から上、90° ＝ 左から右）、カラーストップを定義します。各ストップにはカラーピッカーがあり、等間隔に配置されます（3 ストップなら 0%、50%、100%）。＋ ストップ追加で中間の色ポイントを追加し、より複雑なグラデーションを作れます。プレビューはライブ更新され、生成された CSS は下でコピーできます。

コントラスト：前景テキストと背景色の間の WCAG 2.1 コントラスト比を、sRGB 値からの 相対輝度式（ガンマ補正あり）で計算します。比率の範囲は 1:1（同一色）から 21:1（黒対白）。結果は 3 つの適合レベルで合格/不合格を表示します：AA 標準テキスト（比率 ≥ 4.5:1）、AAA 大きいテキスト（≥ 18pt のテキストまたは太字 ≥ 14pt に対して ≥ 4.5:1）、AAA 標準テキスト（≥ 7:1）。サンプルテキストのプレビューは色の調整に合わせてリアルタイム更新されます。

抽出：任意の画像をアップロードすると、色の量子化で支配色パレットを特定します。画像は 100×100px に縮小され、各ピクセルはチャンネルあたり 4 ビットのヒストグラム（R/G/B 各 16 段階 ＝ 4096 ビン）にビン分けされます。透明ピクセルはスキップ。最も頻度の高いビンがピクセル数でソートされ、各ビンの中心色がスウォッチになります。各スウォッチは HEX 値と、画像ピクセルに占める割合を表示します。カウントスライダー（2-12）で抽出する支配色の数を調整できます。

ミキサー：2 色を RGB 色空間で線形補間して混ぜます。比率スライダーが配合を決めます：0% は純粋な色 1、100% は純粋な色 2、50% は半々。各 R、G、B チャンネルは独立に補間されます（例：赤 ＋ 青の 50% は紫）。結果のプレビューと HEX/RGB 値は、スライダーを動かすか色を変えるとライブ更新されます。

色温度：ケルビンで表した黒体放射の色温度を、Tanner Helland の近似アルゴリズムで対応する可視色に変換します。低い温度（1000-3000K）はろうそくや白熱電球のような暖かいオレンジ/赤のトーン、中間（4000-6500K）は中性白から昼光、高い温度（8000-40000K）は曇り空や深い水のような冷たい青へシフトします。下のラベルは各温度に最も近い現実の光源を示します。

色名：80 の中国伝統色（胭脂、朱砂、黛蓝 など — 中国の古典文学、絵画、染色の伝統に由来する名前）と 140+ の CSS 色名（標準のウェブパレット）のコレクションを閲覧できます。検索ボックスで名前や HEX 値で絞り込むか、ドロップダウンでカテゴリーを切替えます。任意のカラーチップをクリックすると名前と HEX コード付きの大きなプレビューが表示され — コードをクリックするとコピーされます。