しごツール

HEX・RGB・HSLを相互変換するツールの紹介

デザインやCSSで使う色のコード変換ツールの紹介です。

「この色、RGBだと何?」という変換を、ピッカーで色を選びながらできるツールです。

カラーコード変換ツールの画面
カラーコード変換ツールの画面

特徴

  • HEX、RGB、HSLの相互変換
  • カラーピッカーで選んだ色のコードも表示
  • 入力は #RRGGBB、#RGB、「R,G,B」形式に対応
  • 処理はすべてブラウザの中だけ。入力内容がサーバーに送信されることはありません

使い方

  1. カラーコードを入力するか、ピッカーで色を選びます
  2. 各形式のコードが表示されます
  3. クリックでコピーして使います

注意点

色の見え方は画面や環境で異なります。印刷物ではCMYKへの変換が別途必要です。

カラーコード変換ツールを使ってみる

無料・登録不要です。ぜひ試してみてください。