カラーコンバーター

HEX・RGB・HSL形式間のカラー変換。ライブプレビュー付き。無料、ブラウザ完結。

100% クライアントサイド データはブラウザ外に出ません 無料 · 登録不要
#000000

使い方

  1. HEX・RGB・HSLいずれかの入力欄に値を入力します。
  2. 他の形式に自動変換されます。
  3. カラープレビューで色を確認できます。
  4. カラーピッカーを使って視覚的に色を選ぶこともできます。

カラーコードについて

ウェブ開発では色の表現にHEX・RGB・HSLが使われます。用途に応じて使い分けが必要なことがあります。デザインツールや既存コードと異なる形式が必要な場合にこのツールを使ってください。

FAQ

HEX・RGB・HSLの違いは何ですか?

HEXは16進数6桁でRGBを表す(例:#FF5733)。RGBは赤・緑・青の各成分を0〜255で指定。HSLは色相(0〜360°)・彩度・明度で指定し、人間の直感に近い形式です。

アルファ(透明度)に対応していますか?

現在はRGB・HEX・HSLの不透明色のみ対応しています。RGBA/HEXAへの対応は今後予定しています。

データはサーバーに送信されますか?

いいえ。すべての変換はブラウザ内で完結します。

カラーピッカーは使えますか?

はい。カラーピッカーをクリックして視覚的に色を選択できます。