HEX・RGB・HSLの違い
同じ色を、別の書き方で表しているだけです。
HEX（#e0653a）はWebで最も一般的。
RGB（rgb(224,101,58)）は光の三原色の混ぜ具合で、透明度を足すと rgba(...) になります。
HSL（hsl(16,74%,55%)）は「色相・鮮やかさ・明るさ」で、
明るさだけ変えたい・少し鮮やかにしたいといった微調整がしやすい形式です。
HSLは調整に強い
ボタンのホバー色を「少しだけ暗く」したいとき、HEXやRGBだと勘で数字をいじることになります。 HSLなら、明るさ（L）の数字を5〜10下げるだけ。 同じ色相のまま濃淡のバリエーションを作れるので、配色の一貫性を保てます。
透明度（アルファ）について
背景に重ねる半透明の色は rgba(224,101,58,0.5) のように書きます。
このツールの透明度スライダーを動かすと、その値を反映した rgba() を出力します。
このツールについて
入力内容はブラウザの中だけで処理され、サーバーに送信されることはありません。