画像とデザインツール

色覚シミュレーション・パレット調整

3種類の色覚シミュレーションでパレットを確認し、明度の調整案をローカルで探します。 設計の補助であり、医療評価やアクセシビリティの保証ではありません。すべての人の見え方を再現できません。ラベル、模様、形も使い、文字のコントラストは別途確認してください。

ブラウザ内で処理登録不要プライバシーの説明 ↗

不透明なsRGB HEXを2~12色。色名、アルファ、画像は非対応で、アップロードは不要です。

設計の補助であり、医療評価やアクセシビリティの保証ではありません。すべての人の見え方を再現できません。ラベル、模様、形も使い、文字のコントラストは別途確認してください。

1型・2型はViénot、3型はBrettelの近似を線形sRGBに適用し、範囲を制限して8ビットsRGBに戻します。距離はRGBユークリッド距離を √3 × 255 で割った百分率です。12%未満は独自の確認目安で、知覚的ΔEやWCAGの基準ではありません。「すべて」は3種類の最小距離を使います。

指定範囲でHSL明度を5ポイント刻みで探索し、RGB丸め前の色相と彩度を保ちます。入力順に3回探索し、各色と他の色の最小距離を増やします。局所的な探索なのでブランドの印象が変わったり、近い色が残ったり、より良い案を逃したりします。識別性や文字のコントラストを保証しません。

libDaltonLens · Nicolas Burrus · Unlicense

使い方

使い方

  1. HEXを2~12色入力し、シミュレーションと調整幅を選びます。
  2. 提案を生成し、番号付き色見本と全ペアの距離を比較します。
  3. HEX一覧をコピーまたは保存し、ラベルや模様と別のコントラスト検査で設計を確認します。

方法と制限

不透明なsRGB HEXを2~12色。色名、アルファ、画像は非対応で、アップロードは不要です。 1型・2型はViénot、3型はBrettelの近似を線形sRGBに適用し、範囲を制限して8ビットsRGBに戻します。距離はRGBユークリッド距離を √3 × 255 で割った百分率です。12%未満は独自の確認目安で、知覚的ΔEやWCAGの基準ではありません。「すべて」は3種類の最小距離を使います。 指定範囲でHSL明度を5ポイント刻みで探索し、RGB丸め前の色相と彩度を保ちます。入力順に3回探索し、各色と他の色の最小距離を増やします。局所的な探索なのでブランドの印象が変わったり、近い色が残ったり、より良い案を逃したりします。識別性や文字のコントラストを保証しません。

よくある質問

あわせて知りたいこと

色はアップロードされますか?

いいえ。解析、シミュレーション、提案はブラウザー内で行います。