2026-05-18 · 1 min read
HEX, RGB, and HSL in design handoffs
Convert colors once and paste consistent values into CSS, tokens, and docs.
colorCSSdesign
Key takeaways
- Document the canonical form (often HEX in design, RGB in runtime debug).
- Invalid shorthand HEX is a common source of silent wrong colors.
Handoff checklist
Designers ship HEX; engineers verify RGB equivalents for accessibility contrast checks.
Paste any supported format and copy all three representations into the ticket.
FAQ
Which format should tokens use?
Pick one canonical format in your design system; convert at the edge for tools.
Does alpha transparency work?
This tool focuses on opaque colors; use rgba()/hsla() when you need alpha.