Toolipedia 埋め込み
JA
← すべてのテキストツール

RGBをHEXに変換

rgb(…)の色をHEXコードに変換します。その他のカラー形式もすべて表示。

  • 無料
  • 登録不要
  • どの端末でも使える

約RGBをHEXに変換

0から255の赤、緑、青の値を入力するか、rgb(59, 130, 246)を貼り付けると、#3b82f6のようなHEXコードが得られます。各チャンネルは2桁の16進数になります。同じ色をHSLなどの形式でも表示するため、デザインツールとCSSで表記が異なる場合に役立ちます。

RGBをHEXに変換の使い方

  1. 赤、緑、青の値を入力するか、rgb(...)の色を貼り付けてください。
  2. すぐに表示されるHEXコードを確認してください。
  3. HEXコード、または表示されているほかの色の形式をコピーしてください。

このツールを使う理由

別名

よくある質問

RGBをHEXに手作業で変換するにはどうしますか?

赤、緑、青の各数値を16進数に変換し、2桁になるようにゼロで埋めてから、つなげます。たとえば255はff、0は00になるので、rgb(255,0,0)は#ff0000です。

RGBの値は、どの範囲にできますか?

各チャンネルは0から255までです。この範囲外の値は有効な画面の色ではないため、HEXに変換する前に修正してください。

透明度のあるrgbaの色を変換できますか?

3つのカラーチャンネルを貼り付けて、HEXコードを取得してください。透明度は別のアルファ値で、rgbaで保持するか、2桁のHEXの組を追加できます。

RGBをHEXに変換は無料ですか？

はい。ToolipediaのRGBをHEXに変換は無料で、登録不要、透かしもありません。

安全に使えますか？

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか？

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか？

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

RGBをHEXに変換 を自分のサイトに置けますか？

はい。ツールの下にある「サイトに埋め込む」ボタンで短いコードをコピーし、ページに貼り付けてください。無料でアカウントも不要、ツールはページ内でそのまま動作します。

関連ツール