HWB (Hue, Whiteness, Blackness) is a cylindrical-coordinate representation of points in an RGB color model, similar to HSL and HSV. It was developed by HSV's creator Alvy Ray Smith in 1996 to address some of the issues with HSV.
#HWB #RGB #HSL #HSV #color #colors #Hue #Whiteness #Blackness
Color Ramp Formulator is an open-source desktop application used to generate algorithmically-defined color ramps, making use of formulas.
Repository: 🔗 https://codeberg.org/tonton-pixel/color-ramp-formulator
#algorithmic #color #colorramp #colormapping #colortable #colortemperature #cubehelix #curvesmap #desktopapplication #electron #electronjs #formula #gamma #generator #grayscale #hsl #hsv #hwb #interpolation #lab #lch #lineargradient #oklab #oklch #opensource #rgb #testimage #wavelength #xyz #ycbcr
Oh! #oklch is now supported in all major browsers. That was fast, within the year.
⇉ https://caniuse.com/?search=oklch
I guess it is now safe to trim down #CSS / #SCSS files to just #hwb and oklch colours.
It's time to put to rest #hex and #rgb() / #rgba() colours in #CSS and embrace the future: #oklch() and #oklab()
* oklch() model: https://caniuse.com/?search=oklch%28%29
* oklab(): https://caniuse.com/?search=oklab%28%29
I'm not sure why we still need to add/support lch() and lab() since the ‘okay’ version is the ‘fixed’ version… which is better. Then again, I'm not a #colour expert, hence I can't think of a reason. (Can someone enlighten us, mortals? Thank you!)
Since oklch(), oklab(), lch(), and lab() are still not widely supported (yet), and many end-users are still using an old version of browsers without support, there is #hwb().
As you can see from https://caniuse.com/?search=hwb%28%29 hwb() is widely supported already. The only browsers still without hwb() support are niche browsers, mainly from China (they don't even support rgb() according to #CanIUse).
* Base #color model: hwb()
* To be future proof: oklch() or oklab()
What I'm more excited about is the #RelativeColor feature from #CSSColor5, but that's for another day.
#WebDevelopment #Overviews
High definition CSS color guide · CSS Color 4 brings wide gamut color tools and capabilities to the web https://ilo.im/10u90g
_____
#UiDesign #WebDesign #ColorSpace #ColorGamut #ColorFormat #Color #Gamut #CSS #DisplayP3 #HEX #HSL #HWB #LAB #LCH #OKLAB #OKLCH #RGB #HD
@rainer also wenn ich jetzt einmal 200m² Wohnfläche annehme, dann ergäbe dies einen sensationellen #HWB von ~41 kWh/(a∙m²) [1]. Wobei ihr ja damit auch noch die Kühlung im Sommer und das E-Auto betreibt. Bitte womit habt ihr dieses Haus gedämmt? Oder wird noch irgendwie zugeheizt mit Kachelofen o.ä.
[1] 8,19MWh / 200m²
= 0,04095
