カラー

2 ツール

HEX・RGB・HSL の相互変換と、WCAG基準のコントラスト比チェック。配色のアクセシビリティ確認に使える2ツール。

カラーコード変換HEX を入れると RGB と HSL を同時に表示。カラーピッカーからも指定できます。3表記をそれぞれコピーできるので、CSSにそのまま貼れます。 コントラスト比チェッカー文字色と背景色のコントラスト比を計算し、WCAG の AA / AAA 基準を満たすか判定します。アクセシビリティ対応の配色チェックに。