画像・デザイン
カラーコードチェック
HEX・RGB・HSLを相互確認し、文字色とのコントラスト比も判定します。
カラーコードと読みやすさを確認
HEX・RGB・HSL形式を入力できます。WCAGのコントラスト基準も目安表示します。
読みやすさをプレビュー暮らしに役立つ情報を、迷わず確認できます。
背景 HEX#2563EB
文字 HEX#FFFFFF
コントラスト比5.17 : 1
通常文字 WCAG AA合格
大きな文字 AA ✓通常文字 AA ✓通常文字 AAA ×
HEX・RGB・HSLを相互確認し、文字色とのコントラスト比も判定します。
HEX・RGB・HSL形式を入力できます。WCAGのコントラスト基準も目安表示します。