RGB-Hex コンバーター

RGBとHexのカラーコードをすぐに切り替え、どちらかの結果をコピーして、色のライブプレビューを確認できます。

RGBからHexへ

赤・緑・青の各チャンネル値 (0~255) を入力すると、対応するHexコードが生成されます。

各チャンネルは0~255の整数で入力してください。

HexからRGBへ

3桁または6桁のHexカラーを貼り付けると、RGB表記を確認できます。

#RRGGBB または #RGB の形式を使用してください。大文字・小文字は区別されません。

このツールの機能

このコンバーターはRGB各チャンネルをHexカラーコードに変換し、Hex値をRGBに戻します。ライブプレビューには計算された色がブラウザー上に表示されます。

使い方

  1. 赤・緑・青の各チャンネル、またはHexカラーコードを入力します。
  2. 自動計算された反対側の値とプレビューを確認します。
  3. CSS、デザイン、ドキュメントに使うRGB値またはHex値をコピーします。

実用例

  • デザインソフトの色をCSSやHTMLで使える形にする。
  • Hex値をRGB各チャンネルに分けて技術的な計算に使う。
  • アクセシビリティやコントラストの確認に使う色の値を準備する。

注意事項と制限

  • RGB各チャンネルは0~255の値として扱われ、Hex値はこのツールが受け付ける形式で入力する必要があります。
  • プレビューは画面上の表示であり、色を保証する校正刷りではありません。

よくある質問

Hexカラーコードは何に使いますか?

HexコードはRGB値を簡潔に表したもので、CSS、HTML、デザインシステムで広く使われます。