on white
on pattern
on black
Values — click any row to copy
| name | — |
|---|---|
| hex | |
| rgb | |
| hsl | |
| hsb | |
| hwb | |
| oklch | |
| oklab |
Enter any CSS colour — hex, rgb(), hsl(), oklch(),
oklab(), hwb(), or a named colour. Drag the picker or sliders to adjust.
The translucent variant renders identically on white but darker on dark backgrounds —
useful for dual-theme palettes.
Want a coloured light across multiple monitors?
Light — useful for video/photo shoots.