AIで写真を編集 — 変えたい内容を書くだけ開く
PhotoRetrica

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. 1

    色を入力する

    カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。

  2. 2

    変換結果を確認する

    入力と同時に結果が更新され、色のライブプレビューも表示されます。

  3. 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も使えます。

すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。