ホームに戻る

カラーコード変換ツール

HEX・RGB・HSL・HSVなどのカラーコードを相互変換

カラー入力

カラープレビュー

#3B82F6
RGB(59, 130, 246)

変換結果

HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)

カラーフォーマットについて

各フォーマットの特徴

  • • HEX: ウェブで最も一般的な16進数表記
  • • RGB: Red、Green、Blueの値（0-255）
  • • HSL: Hue、Saturation、Lightnessで直感的
  • • HSV: Hue、Saturation、Valueでデザイン向け

使用場面

  • • ウェブデザイン・CSS開発
  • • グラフィックデザイン
  • • デジタルアート制作
  • • ブランドカラー管理