PhotoRetrica

RGB を HTML カラーコードに変換

どんなRGBカラーのHTMLカラーコードも取得して、マークアップ、スタイル、メールテンプレートにそのまま貼り付けられます。

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

rgb 入力

結果 · HTML

#FF3D72

HEX

#FF3D72

RGB

rgb(255, 61, 114)

HSL

hsl(344, 100%, 62%)

HSV

hsv(344, 76%, 100%)

CMYK

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

使い方: RGB を HTML に変換

  1. 1

    色を入力する

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

  2. 2

    変換結果を確認する

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

  3. 3

    コードをコピーする

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

HTMLカラーコードとは

HTMLカラーコードとは、HTMLの初期からWebページで使われてきたHEX表記のことです。#の後に、赤・緑・青を2桁ずつ表す6桁の16進数が続きます。RGBカラーを16進数で書いただけなので、rgb(46, 139, 87)は#2E8B57になります。これはCSSでSeaGreenという名前でも知られている色です。

HTMLコードは、CSSファイル、インラインのstyle属性、SVG、そして古いメールソフトが新しい色の表記を理解できないこともあるHTMLメールなど、どこでも使えます。bgcolorのような古いHTML属性もこの形式を前提としています。RGBのチャンネルを入力するかダイアログで色を選んで、コードをコピーしましょう。結果は常に大文字の6桁で、どのブラウザやメールソフトでも同じように読み込まれます。その下にはHSL、HSV、CMYKの値も表示されます。

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