انتخابگر رنگ

انتخابگر رنگ در OKLCH کار می‌کند، فضای رنگی ادراکی CSS مدرن. در عرض ناحیهٔ رنگ، کروما از خاکستری تا بیشترین مقداری پیش می‌رود که نمایشگر در آن روشنایی می‌تواند نشان دهد؛ پس هر نقطه رنگی قابل‌استفاده است و دستگیره با چرخش فام سر جایش می‌ماند.

فیلد هر رنگ CSS را می‌پذیرد، حتی نام رنگ‌ها را، و دکمهٔ قالب مقدار را به‌صورت hex، rgb()، hsl()، oklch() یا color(display-p3) می‌نویسد. رنگی که بیرون از گسترهٔ یک قالب باشد، به روش CSS و با حفظ روشنایی و فامش، به درون آن آورده می‌شود.

swatches را اضافه کنید تا از میانشان انتخاب شود، و contrastWith را تا رنگ با یک پس‌زمینه سنجیده شود، به همان روشی که WCAG 2 کنتراست را می‌سنجد. جایی که مرورگر قطره‌چکان دارد، یک دکمه رنگی را از روی صفحه‌نمایش برمی‌دارد.