机辺

カラーコード変換

色のコードを別の表し方に直し、文字の読みやすさも見ます。

無料です。会員登録はいりません。書いた内容はこの画面の外に出ません。

入力
結果別の表し方
RGB
13, 107, 76
HSL
160, 78%, 24%
コントラスト
6.51

4.5 以上なら本文、3.0 以上なら大きな文字の目安です。

数字の意味

コントラスト
4.5 以上なら本文、3.0 以上なら大きな文字の目安です(WCAG)。
HSL
色相・鮮やかさ・明るさです。

こんなときに

  • ボタンの色
  • 文字色の確認

カラーコード変換の使い方

  1. HEX を入れる
  2. RGB・HSL・コントラストを見る

よくある質問

4.5 とは?
本文の文字として読める目安です。大きな文字なら 3.0 です。
書いた内容はどこかに送られますか?
書いた内容は、この画面の外に出ません。

関連ツール