カラーコード変換(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デザインや資料作成にどうぞ。
使い方
- HEXコード(例:#3b5bf0)を入力します。
- またはR・G・B(0〜255)を入力します。
- HEX・RGB・HSLと色のプレビューが表示されます。
よくある質問
HEXコードとは?
#RRGGBB の形式で色を表す方法です。赤・緑・青の明るさをそれぞれ00〜FF(0〜255)の16進数で表します。Webやデザインで広く使われます。
HSLとは?
色相(Hue・色あい)・彩度(Saturation・鮮やかさ)・明度(Lightness・明るさ)で色を表す方法です。色みを調整しやすいのが特徴です。
3桁の省略形(#abc)は使えますか?
このツールは6桁(#aabbcc)で入力してください。省略形の場合は各桁を2回繰り返すと6桁になります(#abc → #aabbcc)。