RGB→HEX カラーコード変換 — 無料オンライン

RGBのカラーコードをHEXにすぐ変換。

Converter

HEX、RGB、HSL、HSV、CMYK — すべて同時に

スライダーをドラッグ、色見本を選択、またはHEXコードを入力 - すべての形式がリアルタイムで更新

HEX
RGB
HSL
HSV
CMYK

結果は情報提供のみを目的としており、誤りを含む場合があります。重要な情報は必ずご自身で確認してください。本ツールのご利用は自己責任でお願いいたします。

RGBをHEXに変換する方法

RGBのカラーコードをHEXにすぐ変換できます。HEXかRGBの値を入力するかスライダーを動かすと、すべての形式が同時に更新され、プレビュー、計算式、よく使う色の表も確認できます。

  1. 上の対応する欄にRGBの値（例：rgb(59, 130, 246)）を入力するか貼り付けます。
  2. HEXの値がすぐに更新されます：rgb(59, 130, 246) は #3B82F6 です。ほかの形式と色のプレビューも一緒に変わります。
  3. HEXの値をコピーして、CSS、デザインツール、コードに貼り付けます。

RGB→HEX の計算式

RGBの各チャンネル（0〜255）を2桁の16進数に変換し、#のあとに赤・緑・青の順で並べます：

rgb(59, 130, 246) → #3B82F6

よく使う色のRGBとHEX

RGBHEX
rgb(0, 0, 0)#000000
rgb(255, 255, 255)#FFFFFF
rgb(255, 0, 0)#FF0000
rgb(0, 255, 0)#00FF00
rgb(0, 0, 255)#0000FF
rgb(255, 255, 0)#FFFF00
rgb(0, 255, 255)#00FFFF
rgb(255, 0, 255)#FF00FF
rgb(128, 128, 128)#808080
rgb(255, 165, 0)#FFA500
rgb(128, 0, 128)#800080
rgb(59, 130, 246)#3B82F6

RGBとHEXとは

RGBは赤・緑・青の各チャンネルを0〜255の数値で表します（例：rgb(59, 130, 246)）。ディスプレイが光を混ぜる仕組みそのものです。

HEXカラーは#のあとに16進数6桁が続く形で、赤・緑・青を2桁ずつ、00（なし）からFF（最大）で表します。CSSやデザインツールで最もよく使われる書き方です。

よくある質問

変換すると色は変わりますか？

HEX、RGB、HSLは同じ画面上の色を表すので、相互の変換は正確です（HSLは整数に丸めます）。CMYKは印刷用で、仕上がりはプリンターのカラープロファイルによって変わるため、画面の色から求めたCMYKは目安として使ってください。

結果をCSSで使えますか？

はい。CSSはhex（#3B82F6）、rgb(59, 130, 246)、hsl(217, 91%, 60%) をそのまま使えます。CMYKはCSSの形式ではなく、印刷やデザインソフトで使います。

透明度はどうなりますか？

アルファ値を追加します。CSSでは8桁のhex（#3B82F680）かrgba()/hsla()を使います。変換ツールは不透明な色で計算し、アルファ値はどの形式でも同じです。

このツールは無料ですか？

はい、無料でご利用いただけます。登録・メールアドレス不要。結果はこのページに表示されます。

結果はどこで確認できますか？

このページでツールを使用すると、結果がここに表示されます。メールで受け取る必要はありません。