色覚シミュレーター
色覚異常者にどう見えるかシミュレートします。 色覚シミュレーターを登録不要で無料利用。ブラウザ内で高速かつ安全に処理します。
Color palette test
Image test
Types de daltonisme
色覚シミュレーターはブラウザ上で色を扱うためのツールです。
デザイナー、開発者、クリエイターが素早く信頼できる結果を得られるよう設計されています。
Supported formats
How it works
Step 1
色覚シミュレーターを開く
Step 2
色を入力またはインポートする
Step 3
結果をコピー、エクスポート、再利用する
避けるべき一般的なエラー
- コントラスト確認を忘れると読みやすさが低下します。
- 色を使いすぎるとパレットが扱いにくくなります。
プロのヒント
- 主要色はCSS変数として保存しましょう。
- 公開前にライトモードとダークモードで確認しましょう。
Privacy guaranteed: everything is processed locally in your browser.
可能な場合、処理はブラウザ内でローカルに行われます。アカウントは不要です。
色プロジェクトのための色覚シミュレーター
色覚異常者にどう見えるかシミュレートします。
精度を失わない色覚シミュレーター
変換と計算は正確な値（HEX、RGB、HSL、OKLCH）で行われます。視覚的な近似はなく、デザイン意図に忠実な色が得られます。
無料で使える色覚シミュレーター
登録もソフトのダウンロードも不要。色覚シミュレーターは100%無料で、どんなブラウザでもご利用いただけます。無料プランには1日10回の利用が含まれます。
高速かつ安全な色覚シミュレーター
処理はブラウザ内で直接行われ、最大速度を実現します。データはサーバーに送信されず、色とファイルはお使いの端末に保持されます。
共有とコラボレーションのための色覚シミュレーター
結果をHEX、RGB、HSL、CSS、JSONとしてエクスポートしたり、ワンクリックでコピーできます。チームでのカラーガイド共有やデザインシステムの文書化に最適です。
すべてのカラーツールを見る
抽出、変換、パレット、グラデーション、WCAGコントラストをわずか数クリックで。
Related tools
ガイドとチュートリアル
詳細なガイドでツールの使い方を学びましょう。
color-blindness：accessibilityの実践ガイド
color-blindnessの使い方、accessibilityのベストプラクティス、よくあるミスを学べるローカライズ済みガイド。
color-blindness：accessibilityの実践ガイド
color-blindnessの使い方、accessibilityのベストプラクティス、よくあるミスを学べるローカライズ済みガイド。
color-blindness：accessibilityの実践ガイド
color-blindnessの使い方、accessibilityのベストプラクティス、よくあるミスを学べるローカライズ済みガイド。