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 tools
Character Counter
Check character counts against platform limits for SEO, SMS, social, and ads
CSV Data Cleaner
Upload a messy CSV and get a clean one back. Deduplication, header normalisation, date and encoding fixes, with a preview of every change before you download.
Make.com Pricing Calculator
Map your Make.com scenarios to a monthly bill in credits, the billing unit that replaced operations in November 2025, including what AI modules really cost and when extra credits are worse value than moving up a tier.
n8n Hosting Cost Calculator
Compare self-hosted n8n against n8n Cloud on real monthly cost, including the server, database, backups and the maintenance hours self-hosting actually consumes. Shows the execution volume where each option wins.
No-Code Tool Comparison Matrix
Compare Make.com, Zapier, n8n, and GoHighLevel to find the right automation platform
OpenAI API Cost Calculator
Calculate your OpenAI API costs by model, token volume and monthly usage, with standard, batch and fast-mode rates side by side and the caching maths that decides whether your bill goes down or up.
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.