やらねば.com

視認性の高い文字と背景色のカラーコードを調べる

背景色と文字色の組み合わせのテスト

以下から背景色と文字色を選択すると、画面下部の表示のサンプルの背景色と文字色が変化し、カラーコードを確認する事が出来ます。
白黒の組み合わせの他、黒緑や黒黄といった組み合わせもコントラストが高く、弱視やロービジョンでも見やすいかもしれません。
多くの画面表示設定で使われているカラーパレットからの選択が困難な場合、カラーコードを入力する事で同じ色を指定出来ます。

背景色を選択

文字色を選択

ボタンの背景色を選択

ボタンの文字色を選択

表示のサンプル

背景色
カラーコード: #FFFFFF

文字色
カラーコード: #000000

ボタンの背景色
カラーコード: #FFFFFF

ボタンの文字色
カラーコード: #000000