Nightroll
無料ホームページ制作

無料のカラー変換・コントラストチェッカー

色を入力するか選んで変換し、読みやすい文字のためのコントラストを確認します。

コントラストチェッカー

大きな文字のサンプル通常の文字のサンプル：いろはにほへと ちりぬるを わかよたれそ つねならむ。

#hex、rgb()、hsl()、oklch() に対応しています。

色のチェックの作り方

  1. どの形式でも色を入力するか、カラーピッカーを使います。
  2. HEX、RGB、HSL、OKLCH としてコピーします。
  3. 文字色と背景色の WCAG コントラストを確認します。

よくある質問

どのくらいのコントラストが必要ですか？
WCAG AA では通常の文字に 4.5:1、大きな文字と UI 部品に 3:1 が求められます。AAA では 7:1 と 4.5:1 です。
データは保存されますか？
いいえ。すべてブラウザ内で処理され、入力内容はこの端末にのみ保存されます。