RGBからHexへ
赤・緑・青の各チャンネル値 (0～255) を入力すると、対応するHexコードが生成されます。
各チャンネルは0～255の整数で入力してください。
RGB ↔ Hex コンバーター
RGBとHexのカラーコードを瞬時に切り替え、両方の値をコピーしながらライブプレビューを確認できます。
HexからRGBへ
3桁または6桁のHexカラーを貼り付けると、RGB表記を確認できます。
#RRGGBB または #RGB の形式を使用してください。大文字・小文字は区別されません。
RGBとHexのカラーコードを瞬時に切り替え、両方の値をコピーしながらライブプレビューを確認できます。
赤・緑・青の各チャンネル値 (0～255) を入力すると、対応するHexコードが生成されます。
各チャンネルは0～255の整数で入力してください。
3桁または6桁のHexカラーを貼り付けると、RGB表記を確認できます。
#RRGGBB または #RGB の形式を使用してください。大文字・小文字は区別されません。
RGBは赤・緑・青の光の強さで色を表現します。ディスプレイやLED、ほとんどのデザインツールで標準的に使われています。
コントラストやアクセシビリティ、グラデーションを細かく調整したいとき、RGBの各チャンネルを個別に編集すると高い精度で制御できます。
Hexは3つのRGBチャンネルを6文字のコンパクトなコードにまとめ、CSSやデザイントークン、コードスニペットに貼り付けやすくします。
ツール間で共有しやすく、デザイナーと開発者の両方にとって読みやすい形式です。
電卓を使わずにRGBとHexを変換する手順を紹介します。
HexからRGBへ変換するときは、文字列を2文字ごとに分割し、16進数から10進数へ変換して得られた値を使用します。