Sample - UiColorBarElement

default

data-dir="horizontal"

custom (testing)

fallback

hsl

oklch

* in hsl longer hue 같은 표현은 브라우저 지원을 확인해야한다. Google Chrome 111+, Safari 16.4+ 가 필요하다.
* oklch 은 hue별로 c의 최대 값에 차이가 있어서 같은 hue라도 hsl과의 느낌이 다르다. oklch에서 hsl과 같이 표현하기는 어럽다.(hue별로 처리해줘야함)