HEX カラーコードを RGB に変換し、逆に変換します。
#FF5733 のような 16 進コードを入力すると、同等の RGB (rgb(255, 87, 51)) がすぐに表示されます。または、RGB 値を入力して 16 進コードを取得します。入力するとライブ カラー見本が更新され、ワンクリック ボタンで CSS、デザイン ツール、またはドキュメントに必要な形式で値がコピーされます。
このツールは無料で使用できますBrowser tool
Hex to RGB converter
Convert 3, 4, 6, or 8-digit HEX colors to RGB and RGBA values instantly. Nothing is uploaded.
Alpha: 1
使用方法
色の値を入力してください
16 進コード (# 記号の有無にかかわらず) を入力するか、RGB 値を 0 ～ 255 の 3 つの数値として入力します。
結果を見る
反対側の形式フィールドは自動的に更新されます。プレビュー見本には色が表示されます。
コピー
値または CSS スニペットの横にあるコピー ボタンをクリックします。トーストにより、テキストがクリップボードにあることが確認されます。
特徴
双方向変換
HEX コードを入力して RGB を取得するか、RGB 値を入力して HEX を取得します。どちらのフィールドも、入力するとリアルタイムで更新され、変換ボタンをクリックする必要はありません。
ライブカラースウォッチ
大きなプレビュー見本に、入力した色が表示されます。即座に更新されるため、色合いが期待どおりであることを視覚的に確認できます。
CSS 出力スニペット
color、background-color、border-color プロパティの CSS コードを、HEX 形式と RGB 形式の両方ですぐに貼り付けることができます。ワンクリックでスニペットをコピーできます。
アルファチャンネルのサポート
透明度を操作するには、8 桁の 16 進コードまたは RGBA 値を入力します。このツールは、2 つの形式間でアルファ チャネルを正確に変換します。
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance仕様
| 入力フォーマット | 16進数（3、6、8桁）、RGB、RGBA |
| 出力フォーマット | 16進数、RGB、RGBA |
| アルファサポート | はい (HEX8、RGBA) |
| CSS スニペット | 色、背景、枠線 |
| プレビュー | ライブスウォッチ |
| 処理 | クライアント側 (インスタント) |
Related Magic Eraser Tools
よくある質問
3 桁の 16 進コードと 6 桁の 16 進コードの違いは何ですか?
+
#F53 のような 3 桁の 16 進コードは、#FF5533 の短縮形であり、各桁が 2 倍になります。このツールは両方の形式を受け入れ、明確にするために常に完全な 6 桁のコードを出力します。
# 記号を付けずに 16 進数コードを入力できますか?
+
はい。このツールは、先頭のハッシュの有無にかかわらず、16 進値を認識します。 # が出力に自動的に追加されます。
透明度のある色を変換するにはどうすればよいですか?
+
最後の 2 桁がアルファを表す 8 桁の 16 進コードを使用するか (たとえば、不透明度 50% の場合は #FF573380)、4 つの RGBA 値を入力します。このツールは、両方の形式の間でアルファ チャネルを変換します。
写真のブランドカラーを使用していますか?
AI Enhance は、ブランドのパレットに合わせて写真の色を調整できます。ここで正確な RGB 値を取得し、製品の写真を改善する際の参考として使用してください。
無料でお試しくださいMore free tools
Explore our other limited free edits after sign-in photo and image tools.
複数のカラーストップを使用して、線形、放射状、円錐形のグラデーションをデザインします。 CSS コードをコピーするか、PNG 画像としてダウンロードします。サインアップは必要ありません。
HEX、RGB、HSL、HSB、CMYK、CSS の名前付き形式の間で色を変換します。ライブ プレビューを表示し、任意の値をコピーし、カラー カードをエクスポートします。サインアップは必要ありません。
アップロードされた画像から任意の色を選択すると、その HEX、RGB、および HSL コードが即座に取得されます。 Web デザイン、ブランディング、イラスト用の写真からパレットを作成します。
写真をアップロードし、HEX、RGB、HSL コードを使用して 5 ～ 10 の主要な色を抽出します。スウォッチをコピーし、ASE または CSS 変数としてエクスポートします。サインアップは必要ありません。
URL、テキスト、WiFi 認証情報、および vCard の QR コードを生成します。色をカスタマイズし、センターのロゴを追加し、PNG または SVG としてダウンロードします。サインアップは必要ありません。
画像とビデオの幅、高さ、またはアスペクト比を計算します。任意の 2 つの値を入力すると、3 番目の値が取得されます。ソーシャルメディア、映画、印刷物のプリセット比率。サインアップは必要ありません。