CSS color codes, matching palettes and readable text
About SwatchAtlas
A free color reference for designers and developers. Find CSS named colors, copy HEX, RGB and HSL codes, compare matching colors and test text contrast using WCAG ratios. Download solid color backgrounds or copy practical light pink, yellow and gold UI palettes as CSS. No account is required; color inputs and calculations stay in the browser.
🏷️ Get an embeddable badge for SwatchAtlas
Show it off on your own site — updates automatically, links back here.
Reviews
No reviews yet — be the first to share your experience.
Similar tools
Coolors
The super-fast color palette generator
Realtime Colors
Visualize your palette on real UI
Happy Hues
Curated color palettes in context
Sitepeel
Website cloner for elements, designs and assets
Colorbase for Developer
ColorBase the ultimate tool for web designer
ReWords AI
Edit Existing Text in Images