Kichagua rangi hufanya kazi katika OKLCH, nafasi ya rangi ya CSS ya kisasa inayofuata jinsi macho yanavyoona. Kwa upana wa eneo la rangi, ukolezi (chroma) huanzia kijivu hadi kiwango cha juu kabisa ambacho skrini inaweza kuonyesha kwa mwangaza (lightness) huo, hivyo kila nukta ni rangi unayoweza kutumia, na kishikio hakisogei hue inapobadilika.
Sehemu hupokea rangi yoyote ya CSS, yakiwemo majina ya rangi, na kitufe cha umbizo huandika thamani kama hex, rgb(), hsl(), oklch() au color(display-p3). Rangi iliyo nje ya wigo wa rangi (gamut) wa umbizo huletwa ndani yake kwa njia ya CSS, ikibaki na mwangaza na hue yake.
Ongeza swatches ili kuchagua kutoka kwazo, na contrastWith ili kukagua rangi dhidi ya mandharinyuma jinsi WCAG 2 inavyopima utofautishaji. Pale kivinjari kina eyedropper, kitufe huchagua rangi kutoka kwenye skrini.
Rangi ya chapa
Sampuli za rangi zenye majina, na utofautishaji wa maandishi meupe juu ya rangi: chagua rangi nyepesi, na AA hushindwa.
#4f46e5
Wigo mpana
gamut="p3" hujaza eneo kwa rangi za Display P3, na mstari wa vistari huonyesha mahali sRGB inapoishia. Thamani hubaki katika oklch().
Ndani ya popover
Kitufe kinachoonyesha rangi hufungua kichagua ndani ya popover.