tsulo

カラーコード変換(HEX・RGB・HSL)

色のHEX(#RRGGBB)とRGB・HSLを相互に変換。色のプレビュー付き。

#3B5BF0
HEX#3B5BF0
RGBrgb(59, 91, 240)
HSL色相(Hue・色あい)・彩度(Saturation・鮮やかさ)・明度(Lightness・明るさ)で色を表す方法です。hsl(229, 86%, 59%)

HEX(#RRGGBB)とRGB・HSLを相互に変換します。どちらかを入力すると、もう一方が自動で更新されます。3桁の省略形(#abc)ではなく6桁で入力してください。すべて端末内で処理し、送信しません。

色のカラーコードを、HEX(#RRGGBB)とRGB(赤・緑・青)・HSL(色相・彩度・明度)の間で相互に変換します。どちらかを入力すると、もう一方が自動で更新され、色のプレビューも表示。Webデザインや資料作成にどうぞ。

使い方

  1. HEXコード(例:#3b5bf0)を入力します。
  2. またはR・G・B(0〜255)を入力します。
  3. HEX・RGB・HSLと色のプレビューが表示されます。

よくある質問

HEXコードとは?

#RRGGBB の形式で色を表す方法です。赤・緑・青の明るさをそれぞれ00〜FF(0〜255)の16進数で表します。Webやデザインで広く使われます。

HSLとは?

色相(Hue・色あい)・彩度(Saturation・鮮やかさ)・明度(Lightness・明るさ)で色を表す方法です。色みを調整しやすいのが特徴です。

3桁の省略形(#abc)は使えますか?

このツールは6桁(#aabbcc)で入力してください。省略形の場合は各桁を2回繰り返すと6桁になります(#abc → #aabbcc)。

関連ツール