Toolyard

カラーコード変換

コントラスト

色を変換する方法

  1. #ff8800、rgb(255 136 0)、hsl(32 100% 50%)、tomatoなど、CSSのどの形式でも色を入力するか、カラーピッカーを使います。
  2. 各形式がコピーボタン付きで表示されます。
  3. コントラスト比を見て、その上で白と黒のどちらの文字が読みやすいかを確認します。

よくある質問

どのくらいのコントラスト比が必要ですか?

WCAGでは、通常の文字で4.5:1以上(AA)、大きな文字で3:1以上が求められます。7:1ならより厳しいAAAを満たします。

印刷するとCMYKの色が違って見えるのはなぜ?

ここでのCMYKは単純な換算です。実際の印刷の色は、プリンター、インク、用紙のプロファイルによって変わります。

このツールを自分のサイトに埋め込む

その他の開発者ツール