CSS - hsl or rgb(a) colors

Question

I am about to start a new project and I want its CSS to be both consistent and performant. I was wondering which color units I should use. Medium and Trello have different a

Answer 1

In my opinion:

HSL(A):

Pro: HSL is convenient when making things lighter or darker, is faster to write, allow you to modify luminosity and saturation without modifying the color itself.

Cons: HSL could be not supported in older browser (like IE < 9).

RGB(A):

Pros: RGBA is well-known and supported even in older browser.

Cons: When making things lighter or darker you need to rewrite the color.