Okhsv and Okhsl

There is an old Russian fable where Okhsv and Okhsl are on a rowboat and Okhsv says to Okhsl, “What are the known shortcomings of HSL and HSV color pickers in design applications?” I kid, I kid. But really, what …


The post Okhsv and Okhsl appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier

There is an old Russian fable where Okhsv and Okhsl are on a rowboat and Okhsv says to Okhsl, “What are the known shortcomings of HSL and HSV color pickers in design applications?” I kid, I kid. But really, what are they?

Björn Ottosson shows the two classics:

Despite color picking playing a big role in a lot of applications, the design of color pickers isn’t a particularly well researched topic. While some variation exist in the widgets themselves, the choice of HSL or HSV is mostly taken for granted, with only a few exceptions.

Is their dominance well deserved or would it be possible to create better alternatives?

It’s all rather above my head, but I certainly support the idea of researching and exploring things that so many of us just take for granted. There is a whole playground comparing different possibilities. It’s not so much about the UI/UX of the picker itself, but how the range of colors is expressed in the picker area.

Direct Link to ArticlePermalink


The post Okhsv and Okhsl appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier


Print Share Comment Cite Upload Translate Updates
APA

Chris Coyier | Sciencx (2021-10-28T20:20:07+00:00) Okhsv and Okhsl. Retrieved from https://www.scien.cx/2021/10/28/okhsv-and-okhsl/

MLA
" » Okhsv and Okhsl." Chris Coyier | Sciencx - Thursday October 28, 2021, https://www.scien.cx/2021/10/28/okhsv-and-okhsl/
HARVARD
Chris Coyier | Sciencx Thursday October 28, 2021 » Okhsv and Okhsl., viewed ,<https://www.scien.cx/2021/10/28/okhsv-and-okhsl/>
VANCOUVER
Chris Coyier | Sciencx - » Okhsv and Okhsl. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/28/okhsv-and-okhsl/
CHICAGO
" » Okhsv and Okhsl." Chris Coyier | Sciencx - Accessed . https://www.scien.cx/2021/10/28/okhsv-and-okhsl/
IEEE
" » Okhsv and Okhsl." Chris Coyier | Sciencx [Online]. Available: https://www.scien.cx/2021/10/28/okhsv-and-okhsl/. [Accessed: ]
rf:citation
» Okhsv and Okhsl | Chris Coyier | Sciencx | https://www.scien.cx/2021/10/28/okhsv-and-okhsl/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.