Live data from Hacker News

High Definition CSS Color Guide

developer.chrome.com

1–10 of 58 posts

Re: High Definition CSS Color Guide

#3
Surprising to see #rrggbbaa to be <1%, when #rrggbb is the most popular. If you’re already used to hex then why switch to eg rgba when you need alpha? I find it quite useful. Maybe it’s recent and less known.

Re: High Definition CSS Color Guide

#4
post #3

Surprising to see #rrggbbaa to be <1%, when #rrggbb is the most popular. If you’re already used to hex then why switch to eg rgba when you need alpha? I find it quite useful. Maybe it’s recent and less known.

I feel it is easier to read/write rgba(125,125,125,0.9) compared to #7d7d7de6.

Re: High Definition CSS Color Guide

#5
post #3

Surprising to see #rrggbbaa to be <1%, when #rrggbb is the most popular. If you’re already used to hex then why switch to eg rgba when you need alpha? I find it quite useful. Maybe it’s recent and less known.

I think it may be because unlike RGB values, which one usually doesn't pick by hand but rather visually through a color picker, the opacity value is something you may want to tweak by hand, and decimal is easier than hex for that purpose.

Re: High Definition CSS Color Guide

#6
post #3

Surprising to see #rrggbbaa to be <1%, when #rrggbb is the most popular. If you’re already used to hex then why switch to eg rgba when you need alpha? I find it quite useful. Maybe it’s recent and less known.

The #rrggbbaa syntax was indeed introduced much later -- https://caniuse.com/css-rrggbbaa says it only started getting into browsers in 2016-2017, many years after https://caniuse.com/css3-colors added support for rgba().

Re: High Definition CSS Color Guide

#8
post #7

Why isn't there a more convenient okHSL/HSV way to input colors? (rather unfortunate such a bad format like RGB is so dominant)

The tracking issue: https://github.com/w3c/csswg-drafts/issues/8659

As noted there, okHSL/HSV keeps the perceptual uniformity by removing some peaks beyond the geometric limit of HSL/HSV, and it is unclear whether it is what users do expect or not.

Re: High Definition CSS Color Guide

#9
I like that the demo slider is directly from one of Bartosk Ciechanowski's always excellent article [1].

He's really a reference in interactive visualization. There's a link to his article on color spaces labeled "Try it for yourself", but I would prefer a direct and clearer textual attribution to him.

[1]: https://ciechanow.ski/color-spaces

Post reply on HN