Color Lab

Modern CSS colors: light-dark(), relative colors, hwb(), and more.

Primary Card

Hover me. All the states are derived from one base color using relative color syntax.

HWB Accent

This surface uses hwb() for a soft, readable tint that still tracks the hue.

Pill Alt

Search Highlight

Try using your browser’s “Find on page” for the word color. In Chrome Canary/experimental, ::search-text can style the highlight.