PhotoRetrica

HEX を RGB に変換

HEXカラーコードを貼り付けると、0〜255の赤・緑・青の値を、そのまま使えるrgb()の文字列で取得できます。

ファイルはお使いのデバイスから外に出ません完全無料
#FF3D72

hex 入力

結果 · RGB

rgb(255, 61, 114)

HEX

#FF3D72

HSL

hsl(344, 100%, 62%)

HSV

hsv(344, 76%, 100%)

CMYK

cmyk(0%, 76%, 55%, 0%)

使い方: HEX を RGB に変換

  1. 1

    色を入力する

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

  2. 2

    変換結果を確認する

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

  3. 3

    コードをコピーする

    必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。

HEXからRGBへ

HEXコードは、3つの数値を6文字に詰め込んだものです。#1E90FFを1E、90、FFの組に分け、それぞれを16進数から10進数に変換すると、1Eは30、90は144、FFは255になるので、色はrgb(30, 144, 255)、CSSカラーのDodgerBlueです。このツールはその計算を自動で行い、#09Cが#0099CCを意味する短縮形にも対応しています。

AndroidやiOSのコード、ゲームエンジン、LEDコントローラー、表計算ソフト、Pythonの画像ライブラリなど、アプリやライブラリでチャンネルを個別に指定する必要があるときや、CSSでrgb(30 144 255 / 50%)のように透明度を加えたいときにRGBの値が必要になります。#の有無にかかわらずコードを貼り付けて、rgb()の結果か、表示されるほかの形式(HSL、HSV、CMYK)をコピーしましょう。

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