Pamilih werna makarya ing OKLCH, ruang werna ing CSS modern sing ngetutake cara mripat ndeleng. Nyabrang area, kentel werna (chroma) mlaku saka abu-abu nganti sing paling kentel sing bisa ditampilake layar ing padhang (lightness) kasebut, dadi saben titik yaiku werna sing bisa panjenengan agem, lan thumb ora obah nalika hue diowahi.
Kolom iki nampa werna CSS apa wae, kalebu jeneng werna, lan tombol format nulis nilaine minangka hex, rgb(), hsl(), oklch() utawa color(display-p3). Werna sing ana ing njaba gamut sawijining format digawa mlebu kanthi cara CSS, padhang lan hue-ne tetep.
Tambahake swatches kanggo dipilih, lan contrastWith kanggo mriksa werna marang latar mburi kaya carane WCAG 2 ngukur kontras. Yen browser duwe pipet (eyedropper), sawijining tombol bisa njupuk werna saka layar.
Werna merek
Conto werna sing duwe jeneng, lan kontras teks putih ing werna kasebut: pilih werna sing padhang, AA bakal gagal.
#4f46e5
Gamut amba
gamut="p3" ngisi area nganggo werna Display P3, lan garis putus-putus nandhani ing ngendi sRGB pungkasan. Nilaine tetep ing oklch().
Ing popover
Tombol sing nuduhake werna mbukak pamilih ing njero popover.