👁 1つのツールキットで
あらゆるデザイン作業を

コントラストチェッカー

テキストと背景の色が WCAG AA/AAA に準拠していることを確認します。アクセシビリティの評価をすぐに取得できます。

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

👁 コントラストチェッカー

カラーコントラストチェッカーガイド

色のコントラストは、テキストとその背景の輝度の差です。コントラストが優れているため、視覚障害を持つユーザーを含むすべてのユーザーが読みやすくなります。

文字色と背景色を入力します。このツールはコントラスト比を計算し、WCAG AA (最小) または AAA (拡張) 標準に合格するかどうかを示します。

Pro Tips

Frequently Asked Questions

Q: WCAGとは何ですか?
WCAGとは何ですか? WCAG (Web コンテンツ アクセシビリティ ガイドライン) は、Web アクセシビリティの国際標準です。
Q: コントラスト比はどれくらいが良いのでしょうか?
コントラスト比はどれくらいが良いのでしょうか?通常のテキスト (AA) の場合は 4.5:1、ラージ テキスト (AA) の場合は 3:1、拡張テキスト (AAA) の場合は 7:1。
Q: どの WCAG レベルを目標にすればよいですか?
どの WCAG レベルを目標にすればよいですか?標準的な Web サイトの場合は、WCAG AA (通常のテキストの場合は 4.5:1) をターゲットにします。アクセシビリティを重視したプロジェクトや政府サイトの場合は、WCAG AAA (7:1) をターゲットにします。大きなテキスト (18 ピクセル以上の太字) には 3:1 または 4.5:1 が必要です。
Q: このツールは色覚異常をチェックしますか?
このツールは色覚異常をチェックしますか?いいえ、コントラスト比は輝度に関するものであり、色の知覚ではありません。包括的なアクセシビリティ テストには、色覚異常シミュレーターとコントラスト チェッカーを併用してください。
Q: 失敗したコントラスト比を修正するにはどうすればよいですか?
失敗したコントラスト比を修正するにはどうすればよいですか?テキストの色を暗くするか、背景色を明るくするか、フォント サイズを大きくするか、テキストを太字にします。このツールは、どの WCAG レベルが合格または不合格かをリアルタイムでハイライトします。

日本の伝統色・和色

和色は平安時代の襲(かさね)の色目に由来する日本の伝統色。桜や山吹、瑠璃など、植物や自然の名前を冠した優しい色合いが特徴で、JIS慣用色名としても制定されています。現代のUIデザインにも落ち着いた配色として人気です。

山吹色 #F8B500

山吹の花に由来する黄金色。JIS慣用色名

撫子色 #EEA9A9

ナデシコの花の淡いピンク。平安時代から愛される

浅葱色 #00A3AF

新選組の羽織で有名な青緑色

茜色 #B7282E

茜草の根から染めた深い赤。夕焼けの色

若草色 #C3D825

春の新芽を思わせる明るい黄緑

瑠璃色 #1E50A2

仏教の七宝「瑠璃」に由来する深い青

桜色 #FEF4F4

桜の花びらのようなごく淡いピンク

藤色 #BBBCDE

藤の花の淡い紫。春の代表色

常磐色 #007B43

常緑樹の深い緑。永遠を象徴する

小豆色 #96514D

小豆に由来する渋い赤褐色

Q: 和色とは何ですか?
和色とは何ですか?和色は平安時代の襲の色目に由来する日本の伝統色で、桜・山吹・瑠璃など自然の名を冠した色が多く、JIS慣用色名として269色が制定されています。
Q: 山吹色はどんな色ですか?
山吹色はどんな色ですか?山吹の花に由来する黄金色で、色値は #F8B500。JIS慣用色名の一つで、太田道灌の逸話でも知られる日本の代表色です。