RGB を HEX に変換
0〜255の赤・緑・青の値を、CSSやデザインアプリですぐに使えるHEXカラーコードに変換します。
ファイルはお使いのデバイスから外に出ません完全無料
#FF3D72
rgb 入力
結果 · HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
使い方: RGB を HEX に変換
- 1
色を入力する
カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。
- 2
変換結果を確認する
入力と同時に結果が更新され、色のライブプレビューも表示されます。
- 3
コードをコピーする
必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。
RGBとHEXについて
RGBは、画面の色を赤・緑・青の3つの光のチャンネルの明るさで表すもので、それぞれ0〜255の値をとります(例:rgb(255, 61, 114))。HEXは、まったく同じ3つの数値を16進数で書き、#の後につなげたものです。255はFF、61は3D、114は72になるので、#FF3D72になります。2つの表記は同じものを表しているため、変換は正確です。
RGBはグラフィックソフトやスクリーンショットツールでよく表示される形式で、HEXはCSS、HTML、Figma、ブランドガイドに色を貼り付ける最も短い方法です。3つのチャンネルの値を入力するか、ダイアログで色を選んで、HEXの結果をコピーしましょう。HSL、HSV、CMYKも並べて表示されます。ヒント:#FF3366のように、HEXコードの各組が同じ2桁の数字でできている場合、CSSでは3桁の短縮形#F36も使えます。
すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。