色差チェッカー

2つの16進数カラーを入力すると、同一からとても異なるまで、視覚的にどのくらい異なるかがわかります。

最終更新日: September 5, 2026

よくある質問

ここでの色差はどのように計算されますか?

RGBを3D座標として扱い、2つの色の赤、緑、青の値間のユークリッド距離として計算されます:√((ΔR)² + (ΔG)² + (ΔB)²)。これは数値的な差のシンプルで高速な測定方法です。

最大の差はどのくらいですか?

約441.7で、これは純粋な黒(0,0,0)と純粋な白(255,255,255)の間の距離です:√(255² × 3) ≈ 441.7。

RGB距離は人間の目に見える色の違いと同じですか?

正確には違います。人間の色知覚はRGB空間全体で均一ではありません(一部の色相の違いには他よりも敏感です)。そのため、CIE Delta Eのようなより正確な知覚測定はコンポーネントを異なる重みで扱います。RGB距離は、ほとんどの日常的な比較にとって「十分に良い」よりシンプルな近似値です。

これを使って2つのブランドカラーが似すぎていないか確認できますか?

はい、大まかなチェックとして使えます。RGB距離が低い(約30未満)場合、区別しにくい色である可能性が示唆され、より厳密な知覚チェックの前にブランドやアクセシビリティの潜在的な問題にフラグを立てるのに役立ちます。

色の順序は結果に影響しますか?色1と色2を比較するのと色2と色1を比較するのは同じですか?

いいえ、どちらの順序でも結果は同じです。ユークリッド距離は対称的なので、どちらの16進数コードをどちらの入力欄に入れても計算される差は変わりません。

この計算機で#FF0000(赤)と#00FF00(緑)の差はどのくらいですか?

約360.6です。赤は(255,0,0)、緑は(0,255,0)なので、距離は√(255² + 255² + 0²) ≈ 360.6となり、最大値に近く、2色が視覚的にどれだけ異なるかを反映しています。

これはアクセシビリティのための「カラーコントラストチェッカー」と同じものですか?

いいえ。WCAGアクセシビリティ用のコントラストチェッカーは輝度コントラスト(テキストの読みやすさに重要)を測定しますが、このツールは2色間の生のRGB距離を測定します。ある色の組み合わせはRGB距離が大きくても輝度コントラストテストに不合格になることがあり、その逆もあり得ます。

計算する