カラーピッカーやHEXコードから、HEX・RGB・HSL の3表記を即座に相互変換。大きなプレビューで色を確認できます
HEXとRGBはどちらも同じ「赤・緑・青の光の組み合わせ」を表す書き方です。HEXは #rrggbb の形で各色を16進数2桁（00〜ff）で表記し、CSSやデザインツールで広く使われます。RGBは rgb(r, g, b) の形で各色を10進数（0〜255）で表記します。例えば白は HEX が #ffffff、RGB が rgb(255, 255, 255) で、まったく同じ色を指します。
HSLは色相（Hue 0〜360度）・彩度（Saturation 0〜100%）・明度（Lightness 0〜100%）で色を表す方式です。色相は色の種類（赤・黄・緑・青…）、彩度は鮮やかさ、明度は明るさを表します。人間が直感的に色を調整しやすいため、配色やテーマ作成でよく使われます。HSLは内部的にRGBへ変換できるので、同じ色をHEXやRGBでも表現できます。
いいえ。色の入力と HEX・RGB・HSL の相互変換は、すべてお使いのブラウザ内のJavaScriptで完結します。選んだ色やコードがサーバーへ送信・保存されることはありません。