: Should I use Hex or RGBA when designing a website? I know this has appeared on StackOverflow already: Are there any good reasons for using hex over decimal for RGB colour values in CSS? Use

@Sent7350415

Only write in HSLA. It requires very little mental gymnastics to imagine or modify colours (vs hex or RGBA), is completely equivalent to hex or RGBA in the browser, has great browser support from IE9 onwards, and if you only use HSLA you never have to change the layout of your code when you want to introduce transparency; all you do is take the 1 down to a 0.X number. It's far more consistent and readable.

Vote Up Vote Down

@Turnbaugh909

The browser doesn't really care which format the color is in, performance is negligible. As such, I'll focus on the decision's effects on the developer(s) and the use cases.

A lot of developers find HEX values easier to read than RGB or HSL. As such, I tend to use HEX so that the next developer working on the project may have an easier job, even slightly so. However, if the developers are more familiar with another type it's not a problem to use it.

One of few times that a specific color type is necessary is when changing the alpha level is required. This is because opacity changes stacking order. As such, when the alpha level needs to be something other than one, sometimes it's preferable to use HSLa or RGBa over the opacity property.

When it comes to animating colors, working in RGB or HSL is preferable over HEX simply because numbers are easier to edit dynamically. HSL is great for animations that go through the spectrum because the color is determined by one number - the hue - provided the saturation and lightness don't actually need to be changed.

Ultimately doesn't matter too much, provided it's not a special case. The most important thing is to keep consistent in the type being used each project as much a possible because it helps productivity.

Vote Up Vote Down