RGB を HSB に変換
RGBカラーから色相・彩度・明るさの値を取得して、Photoshop、Figma、Sketchに入力できます。
ファイルはお使いのデバイスから外に出ません完全無料
#FF3D72
rgb 入力
結果 · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
使い方: RGB を HSB に変換
- 1
色を入力する
カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。
- 2
変換結果を確認する
入力と同時に結果が更新され、色のライブプレビューも表示されます。
- 3
コードをコピーする
必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。
HSBの意味
HSBは色相（Hue）、彩度（Saturation）、明るさ（Brightness）の略です。HSVと同じモデルで、3つ目の要素の名前が違うだけです。Adobe Photoshop、Illustrator、Figma、Sketchのカラーピッカーではこの名前が使われています。色相は0〜360の度数で、彩度と明るさはパーセントで表します。
スクリーンショット、Webサイト、仕様書からチャンネル値を得て、HSBで扱うデザインアプリに色を入力したいときや、色をより深く理解したいときに、RGBをHSBに変換しましょう。彩度が低いとグレーがかった色、明るさが低いと暗い色になります。たとえば、rgb(255, 61, 114)はhsb(344, 76%, 100%)になります。このツールでは、同じ色のHEX、HSL、HSV、CMYKも、それぞれコピーボタン付きで表示されます。
すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。