このツールに問題がありますか?

「RGBからHEXへの変換 オンライン」について

このツールは RGB(rgb(255, 87, 51))を hex(#FF5733)に変換します。多くのモダンカラーピッカーは RGB 出力ですが、CSS や多くのデザインプラットフォームは hex を要求します。

hex は CSS、HTML 属性、JSON テーマ、Web 全般で最も一般的な色指定。RGB より短く、慣れれば読みやすい形式です。

標準の rgb(r, g, b) と新形式 rgb(r g b / a) を受付け、出力は 6 桁または(α あり時)8 桁の hex で、そのまま CSS/デザインツールにペースト可能。

このツールの使い方

RGB を hex カラーに変換する手順

  1. 色を入れる 2 つの方法

    「RGB code」に RGB 文字列を入力/貼り付け(例:`rgb(255,128,0)` や `200 180 90` のような 3 つの数)するか、R/G/B のスライダーを直接動かしてください。「RGB code」が空でない場合はスライダーより優先されます。

  2. 受け付ける RGB 表記

    パーサは `rgb(r, g, b)`、`rgba(r, g, b, a)`(alpha は読まれるが本ツールでは破棄)、`255 128 0` のような空白区切りの 3 つ組に対応。カンマと括弧は省略可。

  3. 「実行」

    結果は `r`, `g`, `b`(各 0〜255 の整数)、`hex`(6 桁の `#rrggbb` 形式)、`rgbCss`(コピペ用の `rgb(r, g, b)` 文字列)。

  4. スライダーで微調整

    既定は 128/128/128 — 中間グレー。スライダーで各チャンネルを 1 段ずつ調整。hex-to-rgb-converter と組み合わせて往復ワークフローに。