RGB を HEX に

RGB の3値を入れて、HEX コードを1つ得る。

無料 · 登録不要 · 端末内で計算

処理はブラウザのタブの中

  • RGBを入力
  • #で出力
  • Live見本つき
  • 0件の送信
仕様

RGB を HEX にの仕様

入力
RGB、または他の3表記
出力
HEX コード、HSL と CMYK も
方式
sRGB 変換、ページ内で
見本
色の大きな色面
料金
無料
登録の要否
不要
処理する場所
あなたの端末の中
使い方

RGB を HEX にの使い方

  1. 1

    RGB の数値を入れる

    RGB の数値を入れる

  2. 2

    HEX コードを読む

    HEX コードを読む

  3. 3

    コピーする

    HEX コードをコピー

よくある質問

よくある質問

HEX コードに文字が入るのはなぜ?

16進数は9の次を A〜F で続けるためです。channel の値が9を超えると文字で書かれるので、コードには数字と文字が混ざります。

rgb(12, 34, 56) をそのまま貼れる?

この画面は RGB の各欄に3つの数値を受け取ります。赤・緑・青として入れれば、HEX コードが続いて出ます。

変換で失われるものは?

ありません。どちらの表記も同じ sRGB の値を表すので、一度変換して戻しても元の値に戻ります。

アップロードはある?

ありません。処理はこのブラウザのタブの中で行われます。処理用のサーバーにも、アカウントにも行きません。

解説

デザインアプリからスタイルシートへ

RGB の欄に赤・緑・青を入れます。上の欄に HEX コードが出て、スタイルシートにそのまま貼れます。横には HSL と CMYK も並びます。

  • 多くのデザインアプリが示すのは RGB、多くのスタイルシートが持つのは HEX です。
  • 2つの数値を逆に入れても正しく変換されてしまうので、見本も確かめてください。
  • 書いているファイルであとから必要になるなら、RGB の値も控えておいてください。
  • HSL も同じ画面にあります。明度がいちばん読みやすいのはそこです。

仕様をすべて見る

RGB を HEX にツールの仕様
入力赤・緑・青の値。同じ画面は HEX・HSL・CMYK も受け付けます。
出力その色の HEX コードと、横に埋まる HSL・CMYK。
方式sRGB の変換と端数処理を、ページ自身が行います。
見本いまの色の大きな色面が、入力欄の横に出ます。
料金無料。作業領域の外に、広告と分かる形で広告を出しています。
登録の要否不要。
処理する場所このブラウザのタブの中。入力がアップロードされることはありません。
次にできること

同じファイルのまま続ける

カラーツール一覧: SPOTTOOLSのカラーツール