カラーツール

HEXをRGBに変換(HSL・HSV・CMYKも)【無料】

無料・登録不要で、ブラウザで動作します。 色をHEX、RGB、HSL、HSV、CMYKの間で一度に変換できます。透明度にも対応。どの形式のコードでも貼り付けるか色を選び、必要な形式をコピーして、文字のコントラストも確認できます。

HEX
#2F5BFF
RGB
rgb(47, 91, 255)
HSL
hsl(227, 100%, 59%)
HSV
hsv(227, 82%, 100%)
CMYK
cmyk(82%, 64%, 0%, 0%)

テキストのコントラスト

白い文字:5.17:1AA
黒い文字:4.06:1AA(大きなテキストのみ)

AA には通常のテキストで4.5:1、大きなテキストで3:1、AAA には7:1が必要です。コントラストは不透明な色で測定します。

すべてお使いのデバイス上で変換されます。

HEX・RGBカラー変換を使う理由

完全無料
何度でもお使いいただけます。登録不要、透かしなし、インストールも不要です。
プライバシーを重視した設計
入力した内容はブラウザ内にとどまり、当社に送信されることはありません。
どのデバイスでも使える
Windows、Mac、Linux、Android、iPhone のブラウザで動作します。アプリは不要です。

HEX・RGBカラー変換の使い方

  1. #2F5BFFやrgb(47, 91, 255)など、任意の形式の色を貼り付けるか、カラーピッカーを使います。
  2. 透明にしたい場合は、不透明度を調整します。
  3. HEX、RGB、HSL、HSV、CMYKの値をコピーします。

よくある質問

HEXをRGBに変換するには?
6桁を2桁ずつ3つに分け、それぞれを0〜255の数値として読みます。#2F5BFFなら2F = 47、5B = 91、FF = 255なので、rgb(47, 91, 255)です。このツールでは入力と同時に変換されます。
8桁のHEXコードは?
最後の2桁は不透明度(アルファ)で、00(透明)からFF(不透明)までです。#2F5BFF80は約50%の不透明度です。#abcや#abcdのような短縮形も使えます。
CMYKの値が印刷で違って見えるのはなぜですか?
画面から印刷への変換は、プリンター、インク、用紙によって変わります。ここで表示されるCMYKは単純な数式による変換です。正確な結果が必要な場合は、印刷会社にカラープロファイルを確認してください。
コントラスト比とは何ですか?
その色の上で文字がどれだけ読みやすいかを示す値です。アクセシビリティガイドライン(WCAG)では、通常の文字で4.5:1以上、大きな文字で3:1以上が求められています。
何かが外部に送信されますか?
いいえ。変換は端末内で行われます。
HEX・RGBカラー変換は無料ですか?
はい。無料でお使いいただけます。登録もインストールも不要です。