HEXからRGB

HEX カラーコードを RGB 値に即座に変換。無料・プライバシー安全。

100% プライベート——すべてブラウザ内で動作

使い方

1
入力欄に #3B82F6 のような HEX カラーコードを入力または貼り付けます。
2
rgb() 値と R・G・B 各チャンネルの値が即座に表示されます。
3
rgb() 全体または各チャンネルをワンクリックでコピーできます。

使用例

#3B82F6 を変換

入力

#3B82F6

出力

rgb(59, 130, 246)

省略表記 #F00 を変換

入力

#F00

出力

rgb(255, 0, 0)

よくある質問

HEX カラーコードとは？

赤・緑・青の3チャンネルを6桁の16進数で表したものです（各2桁）。#3B82F6 は赤 3B（59）・緑 82（130）・青 F6（246）を意味します。

3桁・8桁のコードにも対応？

はい。#F00 は #FF0000 に展開され、透明度付きの8桁コードも入力できます（RGB 結果では透明度は無視されます）。

入力内容はサーバーに送信されますか？

いいえ、変換はブラウザ内でローカルに行われます。

関連ツール

RGBからHEXRGB 値を HEX カラーコードに即座に変換。無料・プライバシー安全。カラーコンバーターHEX・RGB・HSL・HSV・HWB の色形式を相互に変換。カラーピッカー好きな色を選んで HEX、RGB、HSL、HSV の値をワンクリックでコピー。グラデーション生成ツールCSS の線形・放射状グラデーションを視覚的に作成し、CSS コードをコピー。コントラストチェッカーテキスト色と背景色の WCAG コントラスト比を即座にチェック。CSS カラー生成ツールベースカラーから10段階のカラースケールを生成し、CSS 変数として出力。