RGB から HEX コンバーター

RGB、HEX、HSL、HSB/HSV形式間で色をすぐに変換します。ライブプレビュー付きカラーピッカー、WCAGコントラストチェッカー、一般的なウェブカラーの参考値を搭載。

Color Values

HEX#FF6347

RGBrgb(255, 99, 71)

HSLhsl(9, 100%, 64%)

HSVhsv(9, 72%, 100%)

CSS nameTomato

Named Color Shortcuts

RGB から HEX コンバーターの使い方

1任意の形式で色を入力してください：HEX（#rrggbb）、RGB（r,g,b）、またはHSL。
2色がリアルタイムでプレビューされるのを確認してください。
3変換された色コードを希望の形式でコピーしてください。
4ビジュアル選択にカラーピッカーを使用してください。

Zenovayアナリティクス

訪問者の本当の行動を知る。

リアルタイムの訪問者トラッキング
プライバシーファースト、クッキーバナーなし
2分でセットアップ

Zenovayを見る

よくある質問

RGBをHEXに変換するにはどうすればよいですか？▾

各RGBチャネル (0-255) は2桁の16進値に変換されます。公式: HEX = # + toHex(R) + toHex(G) + toHex(B)。例: RGB(255, 99, 71) → R=255=FF、G=99=63、B=71=47 → #FF6347 (Tomatoレッド)。JavaScript: `'#' + [r,g,b].map(v => v.toString(16).padStart(2,'0')).join('')`。CSSでは、各ペアが同じ場合、3桁のショートハンド (#RGB) が機能します: #FFCC00 → #FC0。

RGBとHSLの違いは何ですか？▾

RGB (赤、緑、青) は色を加法光の成分として説明します。スクリーンで使用されるモデルです。HSL (色相、彩度、明度) は色をより直感的に説明します: 色相は色角度 (0-360°)、彩度は色の強度 (0-100%)、明度は明るさ (0% = 黒、100% = 白)。HSLはカラーパレット作成 (Lを調整してティント/シェードを取得) とカラーハーモニー (Hを30°/60°/120°回転) を簡単にします。

HSLとHSV/HSBの違いは何ですか？▾

HSL (色相、彩度、明度): L=50% で純色、L=100% = 白。HSV/HSB (色相、彩度、値/明度): V=100% で純色、V=0% = 黒。HSLはCSS (hsl()) で使用されます。HSV/HSBはほとんどのデザインツール (Photoshop、Figma、Sketchカラーピッカー) で使用されます。変換: 両方とも同じ色相を使用しますが、SおよびThird成分を異なる方法で計算します。CSSはネイティブにHSVをサポートしていません。

RGBAとHSLAは何を意味しますか？▾

RGBAとHSLAは透明度のためにアルファチャネルを追加します: rgba(255, 99, 71, 0.5) = 50%透明のtomatoレッド。アルファ範囲: CSSのrgba()では0 (完全透明) から1 (完全不透明)、他のシステムでは0-255。アルファ付きHEX: 8桁hex (#RRGGBBAA) — 最新のCSSでサポートされています。例: #FF634780 = tomatoレッド (80 hex = 128 decimal = 約50%不透明)。6桁hexはアルファを持ちません。

CSSネーミングカラーとは何ですか？▾

CSSは147のネーミングカラーを「red」 (#FF0000) から「rebeccapurple」 (#663399、2014年に開発者の娘にちなんで命名) として定義しています。HTML 4 (16基本色) からCSS 1/2/3への拡張。「transparent」も有効なキーワード (rgba(0,0,0,0))。ネーミングカラーは大文字と小文字を区別しません。すべての最新ブラウザーがすべての147のネーミングカラーをサポートしています。「currentColor」は要素のcolor property値を継承する特別なキーワードです。

画像ツール