無料HEX から RGB へ変換

知っておきたいこと

HEX は RGB を16進数で書いた表記です。# の後ろの6桁は赤・緑・青の順に2桁ずつに分かれ、それぞれ 00（0）から FF（255）までの値になります。この変換ツールはその組を読み取り、整えた #RRGGBB と rgb(r, g, b) を並べて表示し、色見本でも結果をすぐ確認できます。

入力欄には最初から #6D28D9 が入っています。6D、28、D9 に分けると、6D は 6 x 16 + 13 = 109、28 は 2 x 16 + 8 = 40、D9 は 13 x 16 + 9 = 217 なので、結果は rgb(109, 40, 217) です。先頭の # は省略でき、大文字小文字も区別しません。

3桁の省略形にも対応しています。各桁を2回ずつ重ねるので、#F80 は #FF8800、さらに rgb(255, 136, 0) になります。アルファ値つきの8桁など長さが合わない値は、推測せずに赤いメッセージでお知らせします。

画像のアップロードは不要で、計算はページ内ですぐに終わります。入力欄の横のカラー入力で色を選べば HEX と RGB が同時に更新され、値ごとのコピーボタンで CSS やデザインツール、スライドにそのまま貼り付けられます。