Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA colour picker built from three scrub fields (hue, saturation, lightness) that prints the hex value, shows a swatch and warns when text on it would fail contrast.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this when designers and developers tune a colour and need its hex and a contrast check at the same time.
Do not use it when you need a full colour picker with alpha and palettes (build on the colour picker instead).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Required | Description |
|---|---|---|---|
hue | number | optional | - |
saturation | number | optional | - |
lightness | number | optional | - |
onChange | (hex: string) => void | optional | - |
The pattern ships with a Testing Library test (number-scrub-hsl-color.test.tsx) that covers the hex conversion, the contrast maths, the status text and keyboard steps.