HEXカラーコードは16進数（0〜9、A〜F）でR・G・Bの各色を2桁ずつ表した6桁の色表記です。例えば#FF0000は赤色を表します。
RGBは赤・緑・青それぞれを0〜255の10進数で表し、HEXは同じ値を16進数の6桁で表したものです。内容は同一で表記方法が異なります。
HSLはHue（色相 0〜360°）・Saturation（彩度 0〜100%）・Lightness（明度 0〜100%）で色を表現する方式です。直感的に色を調整しやすいため、CSSデザインで広く使われます。
白は RGB(255, 255, 255)、HSL(0, 0%, 100%)です。黒は RGB(0, 0, 0)、HSL(0, 0%, 0%)です。
HEXは簡潔で最も一般的です。透明度を扱う場合はrgba()、色相を変えながらデザインする場合はHSLが便利です。