カラーコード変換

#2f6f4f を RGB や HSL に。背景色との読みやすさ（コントラスト比）も判定。

色（HEX）

背景色（HEX）

サンプル文字 Aa

配色の本PR

色選びに迷ったら、配色見本の本がたくさんの組み合わせを見せてくれます。

このリンクは広告です。リンク先での購入・申込により運営者に報酬が支払われることがあります。 Amazonのアソシエイトとして、1080worksは適格販売により収入を得ています。

HSLとは？

色相（Hue・色の種類）、彩度（Saturation・鮮やかさ）、明度（Lightness・明るさ）で色を表す方法です。明るさだけ変えたいときに便利です。

印刷の色（CMYK）には変換できる？

できません。画面のRGBと印刷のCMYKは表せる色の範囲が違い、正確な変換には印刷機のプロファイルが要ります。

コントラスト比が低いとどうなる？

高齢の方や屋外のスマホで読めません。グレーの薄い文字は特に注意です。

日本のアクセシビリティ規格（JIS X 8341-3）もWCAGと同じコントラスト基準を採用している。公共機関のサイトはAA準拠が求められる。

ブランドカラーの上に白文字を置くとき、4.5:1に届かない色が多い。文字を少し濃い色に変えるか、背景を暗くする。

色だけで情報を区別しない（赤＝エラー、緑＝OK）。色覚の多様性に配慮して、文字やアイコンも添える。

更新日 2026-11-08。計算はすべてこのページの中で行い、入力した内容をサーバーへ送ることはありません。結果は目安であり、正確性を保証するものではありません。