Color Picker
Get HEX, RGB, HSL, and CMYK values for any color — plus full palette generation
#7C5CFFrgb(124, 92, 255)hsl(252, 100%, 68%)hsv(252, 64%, 100%)cmyk(51%, 64%, 0%, 0%)Pick any colour from the visual picker or paste a HEX code to get its values in every format: HEX, RGB, HSL, HSV, and CMYK. Generate complete colour palettes (complementary, analogous, triadic, split-complementary) for your design project.
Colour Format Reference
| Format | Example | Used In |
|---|---|---|
| HEX | #3B82F6 |
CSS, HTML, design tools |
| RGB | rgb(59, 130, 246) |
CSS, Photoshop |
| HSL | hsl(217, 91%, 60%) |
CSS, more intuitive editing |
| HSV | hsv(217, 76%, 96%) |
Photoshop, Figma colour picker |
| CMYK | C:76% M:47% Y:0% K:4% |
Print design |
Colour Psychology for Branding
The right colour choices directly affect how your brand is perceived:
- Blue — trust, reliability, technology (used by Stripe, Salesforce, LinkedIn)
- Green — growth, health, finance (used by Robinhood, WhatsApp, John Deere)
- Orange — energy, creativity, affordability (used by Amazon, HubSpot)
- Purple — luxury, wisdom, creativity (used by Cadbury, Twitch, Hallmark)
- Red — urgency, passion, power (used by YouTube, Netflix, Coca-Cola)
WCAG Contrast Ratios
Accessible design requires sufficient contrast between text and background:
- Normal text: minimum 4.5:1 ratio (WCAG AA)
- Large text (18pt+): minimum 3:1 ratio (WCAG AA)
- Enhanced: 7:1 ratio for AAA compliance
This tool calculates contrast ratios so you can check accessibility before publishing.
Colours in Brand Automation
When building automated content (social posts, reports, email templates), using correct brand hex codes ensures visual consistency. Store your brand palette in a central config rather than hard-coding hex values in each template — this comes up directly when automating social media posting, where every generated graphic needs to stay on-brand without manual checking.
Want this built against your real numbers?
A 30-minute call to scope the workflow, agent, or automation you actually need.
More utility tools
All toolsCharacter Counter
Check character counts against platform limits for SEO, SMS, social, and ads
CSV Data Cleaner
Upload any messy CSV and get back clean, deduped, normalised data in seconds
Make.com Pricing Calculator
Calculate your exact Make.com plan and monthly cost based on operations and scenarios
No-Code Tool Comparison Matrix
Compare Make.com, Zapier, n8n, and GoHighLevel to find the right automation platform
OpenAI API Cost Calculator
Calculate your exact OpenAI API costs by model, token volume, and monthly usage
Password Generator
Generate cryptographically secure passwords with no server transmission
Have a workflow that's burning hours every week?
Bring me one real bottleneck. I'll tell you whether it's worth automating, and what it would take.