カラーコード変換

色の値を入力すると、ほかの表記が自動で計算されます。HEX は先頭の # を省いても構いませんし、3 桁の短縮形も認識します。

値の横に色見本を表示するので、#3366cc がどんな色かを頭の中で想像する必要はありません。デザインカンプの値をコードに移すときに重宝します。

コントラスト比のチェックでは、文字色と背景色を入れて両者の比率を計算します。WCAG では本文サイズで 4.5:1、大きい文字で 3:1 が目安です。これを下回ると、視力の弱い人には画面の文字が読み取りにくくなります。

入力した値がサーバーに送られることはありません。すべてブラウザーの中で計算しています。