Type any CSS color — hex, rgb(), hsl(), hwb(), oklch() or a name — and read every format at once with per-format copy and a large swatch. Add a second color to check the WCAG 2 contrast ratio with AA/AAA badges.
Privacy ledger
Data acquired
None.
Libraries used
Lit 3 — bundled into the tool file itself.
Data stored
None.
Data transmitted
None.
Use it on your own page
Download the tool as a single self-contained HTML file: readable source with the Lit library included, zero network requests — it works opened straight from your disk, and you can customize everything.