chrome:shell.skip

generated:catalog.entry.cdk-color.title

generated:catalog.entry.cdk-color.description

@xngui/cdk/color
@xngui/cdk/color

chrome:demo.section

chrome:demo.preview

cdk-preview:cdk-color.picker-plane

cdk-preview:cdk-color.serialized oklch(62.3% 0.188 269.8)

demo-preview:hints.category.assistive:
TipSR
import { XColorService } from '@xngui/cdk/color';
 
const color = inject(XColorService);
 
const picked = color.resolve('oklch(0.623 0.188 269.815)');
color.format(picked, 'oklch'); // → oklch(62.3% 0.188 269.8)
color.paintPlaneCanvas(canvas, picked.h);
color.colorFromPlanePointer(picked, rect, clientX, clientY);

chrome:demo.events.title

chrome:demo.events.empty