RGB を HSV に変換
RGBのチャンネル値を、多くのカラーピッカーの四角い選択エリアの元になっている色相・彩度・明度に変換します。
ファイルはお使いのデバイスから外に出ません完全無料
#FF3D72
rgb 入力
結果 · HSV
hsv(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
CMYK
cmyk(0%, 76%, 55%, 0%)
使い方: RGB を HSV に変換
- 1
色を入力する
カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。
- 2
変換結果を確認する
入力と同時に結果が更新され、色のライブプレビューも表示されます。
- 3
コードをコピーする
必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。
RGBとHSVについて
RGBは、色を赤・緑・青の光の強さ（0〜255）として保存します。HSV（色相・彩度・明度）は同じ情報を、人が色を選ぶ感覚に近い形に並べ替えたものです。色相はカラーホイール上の角度、彩度はグレーからどれだけ離れているか、明度はどれだけ明るいかを表し、明度0％は常に黒になります。
HSVは、多くのグラフィックソフトやUIフレームワークにある、四角いエリアとスライダーを組み合わせたカラーピッカーの元になっているモデルで、特定の色相のピクセルをすべて選択するなど、画像処理でもよく使われます。HSLとは異なり、HSVでは彩度が最大の色は明度が100％になるため、純粋な赤は輝度50％ではなくhsv(0, 100%, 100%)になります。CSSにはhsv()関数がないため、Web用には結果の横に表示されるHEX、RGB、HSLの値をコピーしてください。
すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。