HEX を RGB に

HEX を貼って RGB・HSL・CMYK を読む。

無料 · 登録不要 · 端末内で処理

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

埋め込み

HEX を RGB に をご自分のページに埋め込む

下のコードをページに貼り付けてください。ツールはフレームの中で、読者の端末上でここと同じように動きます。アップロードはありません。

このツールを埋め込む
<iframe src="https://spottools.co/ja/embed/hex-to-rgb" title="HEX を RGB に - SPOTTOOLS" width="100%" height="560" loading="lazy" style="border:1px solid #e5e5e5;border-radius:14px"></iframe>
<p style="font-size:13px"><a href="https://spottools.co/ja/hex-to-rgb">HEX を RGB に</a> - SPOTTOOLS</p>
  • HEXを入力
  • RGBで出力
  • 4表記が連動
  • 0件の送信
実際の使い勝手

安心して使えるポイント

  • 4つの表記が連動
    • HEX・RGB・HSL・CMYK
    • 1つ直せば残りも追従
  • 即時即時の見本
    • 入力に応じて色を表示
    • 変えてすぐ比較できます
  • 0件の送信
    • コードはこのタブに留まる
    • 処理のための送信はなし
仕様

HEX を RGB にツールの仕様一覧

入力
HEX・RGB・HSL・CMYK の色
出力
RGB、そして HSL と CMYK
方式
sRGB 変換、このタブで
見本
色の大きな色面
入力欄が受け付ける書式
省略形 HEX と各種記法
料金
無料
登録の要否
不要
処理する場所
あなたの端末の中
使い方

HEX を RGB にツールの使い方

  1. 1

    HEX コードを貼る

    作業エリアの HEX の欄に、コードを入力または貼り付けます。

  2. 2

    RGB を読む

    入力に応じて RGB の数値が更新され、横に HSL と CMYK、見本には色が出ます。

  3. 3

    必要なものをコピー

    コピーボタンで値を取り出すか、色が決まるまでどの欄でも編集を続けられます。

よくある質問

よくある質問

HEX コードには何が入っている？

16進数2桁が3組で、赤・緑・青の順です。RGB は同じ3つの channel を10進数で書いたものなので、変換は対応表ではなく計算です。

HSL と CMYK も出る？

出ます。4つの表記が同じ画面にあります。どれか1つを直すと残りの3つが追従するので、HEX の欄は入口のひとつにすぎません。

色はどこかに送られる？

送られません。変換はこのブラウザのタブの中で行われます。処理用のサーバーに送ることも、アカウントに保存することもありません。

対応ブラウザは？

Chrome・Edge・Firefox・Safari の最新版であれば、ここで使う機能に対応しています。かなり古いブラウザでは必要な機能がないことがあります。

HEX を入力している途中はどうなりますか？

枠が赤くなり、スクリーンリーダー向けにも無効と伝えます。ただし入力内容は書き換えません。入力途中の値が勝手に別の色に変わることはありません。

解説

HEX コードの読み方

HEX の欄にコードを入力または貼り付けます。入力するそばから RGB の数値が出て、HSL と CMYK も同じ画面に、見本と一緒に並びます。

  • 2桁ずつが1つの channel です。赤、次に緑、そして青。
  • 同じ色に対して HEX も RGB も1通りなので、行き来しても失われるものはありません。
  • あとで変換し直さずに済むよう、編集中のファイルが求める表記をコピーしてください。
  • 数値だけでなく見本も見てください。1桁打ち間違えても、正しいコードとして通ってしまいます。

仕様をすべて見る

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

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

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