Guides
Complete library of step-by-step color tutorials. Learn every OmniColor tool with practical guides that walk through real workflows.
Popular Guides
Color Picker Guide
Learn every feature of the OmniColor color picker.
Read Guide →HEX to RGB Guide
Understand hex math and convert precisely with formulas.
Read Guide →Color Palette Guide
Build harmonious palettes with every color theory rule.
Read Guide →CSS Gradient Guide
Master linear, radial and conic gradients.
Read Guide →WCAG Accessibility Guide
Pass AA and AAA contrast with confidence.
Read Guide →Color Harmony Guide
Complementary, analogous, triadic and more.
Read Guide →Design Token Guide
Export palettes as CSS variables and design tokens.
Read Guide →Color Converter Guide
Convert between every color format with precision.
Read Guide →Image Color Picker Guide
Extract colors from any image with pixel precision.
Read Guide →All Guide Categories
About OmniColor Guides
OmniColor guides are step-by-step tutorials that walk you through practical workflows with every tool on the site. Unlike tool pages (which explain what a tool does), guides explain how to accomplish a specific task — building a brand palette, implementing dark mode, checking contrast for accessibility, or exporting design tokens for a project.
Every guide includes real examples, tested code, and practical use cases. They are written for designers, developers and anyone who needs to accomplish real color work quickly.
See also our blog for in-depth articles on color theory and our glossary for term definitions.