文字色と背景色の読みやすさ（明るさの差）
この記事のポイント
- 背景色を入れる
- 明るさの差を見る
- 文字色を決める
色コード変換 は、白と黒それぞれとの明るさの差を表示します。
手順
- 背景色を入れる
- 明るさの差を見る
- 文字色を決める
数字が大きい方が、その色の文字が読みやすい目安です。
色コード変換（HEX・RGB・HSL）を使う（無料）
あわせて使えるツール
- 画像を白黒・セピアなどに加工する：画像を白黒・セピアにしたり、明るさを変えたりします。
- ファビコン（サイトのアイコン）を作る：1枚の画像から、ファビコン一式を作ります。
- 単位を換算する（長さ・重さ・面積・温度など）：長さ・重さ・面積・温度などを、すぐに換算します。
同じツールの、ほかの解説
Text and Background Contrast
Key points
- Enter the background color
- See the contrast
- Choose the text color
Color Converter shows the contrast with white and with black.
Steps
- Enter the background color
- See the contrast
- Choose the text color
The larger number is a rough guide to which text color reads better.
Use "Color Code Converter (HEX, RGB, HSL)" (free)
Tools that go well with this
- Apply Black-and-White, Sepia and Other Looks: Turn images black and white or sepia, or change brightness.
- Make a Favicon (Site Icon): Make a complete favicon set from one image.
- Unit Converter (Length, Weight, Area, Temperature and More): Convert length, weight, area, temperature and more instantly.