カラーコントラストチェック | ウェブ開発者向けの30種類以上の無料ツールを提供。デザイナーやプログラマーの日常業務をサポートします。

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

Color Contrast Checker

色のコントラストと視認性を簡単にチェックできるツールです。背景色と文字色を選ぶことで、それらのコントラスト比をリアルタイムで確認できます。直感的なカラーピッカーとHEXコードの入力が可能で、選んだ色がどのように見えるかを即座にプレビューで確認できます。さらに、設定した色を他の人と共有することもできます。

Large Text (18pt以上)
Small Text (18pt未満)
UI Button
contrast ratio 21:1
検証結果
Large Text : Perfect
Small Text : Perfect
UI Components : Perfect
共有リンク
コピー

PCでの閲覧を想定したサイトです