完全無料

RGB を HEX に 変換

RGBカラー値をHEXカラーコードにリアルタイムで変換 — 無料・高速・プライバシー安全。

HEX 出力

#FF5733

コピー形式

#RRGGBB#FF5733
RRGGBB(# なし)FF5733
rgb() 形式rgb(255, 87, 51)
hsl() 形式hsl(11, 100%, 60%)

このツールについて

CSS、HTML、Web デザインで使用できるように、RGB カラー値 (赤、緑、青) を 16 進数のカラー コードに変換します。個々の R、G、B 値 (0 ~ 255) を入力し、対応する 16 進コード (#RRGGBB) を取得します。透明度のある色のRGBAから8桁の16進数への変換もサポートします。

使い方

  1. 入力フィールドに赤、緑、青の値 (それぞれ 0 ~ 255) を入力します。
  2. 16 進コードが生成され、即座に表示されます。
  3. コピー ボタンを使用して、16 進コードを #RRGGBB 形式でコピーします。
  4. カラー プレビュー見本を使用して、出力を視覚的に確認します。

よくある質問

なぜ RGB を 16 進数に変換するのでしょうか?
16 進数コードは、CSS および HTML の標準の色形式です。これらは rgb() 表記よりもコンパクトで、デザイン仕様、ブランド ガイドライン、スタイル ガイドで広く使用されています。
RGB 値が 0 ~ 255 の範囲外の場合はどうなりますか?
有効な RGB 値の範囲は、チャネルごとに 0 (強度なし) ~ 255 (最大強度) です。この範囲外の値はクランプされます。各チャネルは 2 つの 16 進数にマッピングされます: 0 = 00、255 = FF。
16 進コードに透明性を追加するにはどうすればよいですか?
アルファ値 (0 ~ 255) を 4 番目のパラメーターとして追加します。このツールは 8 桁の 16 進コード (#RRGGBBAA) を出力します。AA は不透明度を表します。FF = 完全に不透明、00 = 完全に透明です。
#000000は常に黒ですか?
はい。 #000000 (R:0、G:0、B:0) は真っ黒、#FFFFFF (R:255、G:255、B:255) は真っ白です。これらは RGB 色空間の極限です。