Colour Studio
One place for every tool in Colour Studio.
Palettes, CSS and contrast.
7 free toolsNo sign-up requiredWorks on any deviceYour files stay with you
Explore Colour Studio below and find the right tool for your task.
Tools in Colour Studio
0 tools · 7 plannedGrouped by the job you came to do. 0 are live now; the rest are in build and marked Soon.
Colour & CSS
Values you can paste straight into a stylesheet.7 toolsColour converterSoonOne colour in every notation at once, with a WCAG contrast check.HEX · RGB · HSLPalette generatorSoonHarmonies, tints and shades from one base colour, with the hex codes ready to copy.HEXCSS gradient generatorSoonLinear and radial gradients with a live preview and the exact CSS to paste.CSSBox shadow generatorSoonOffset, blur, spread and colour, previewed on a real card as you tune it.CSSContrast checkerSoonTwo colours, one ratio, and a straight answer on whether it passes AA and AAA.WCAGTailwind colour finderSoonThe nearest Tailwind class to any hex value, with the distance so you can judge it.HEXColour blindness simulatorSoonSee a design the way eight percent of men do, before you rely on red and green.JPG · PNG
About Colour tools
Which contrast standard do you use?
WCAG 2.2 relative luminance, the same maths auditors and browser dev tools use. 4.5:1 for body text, 3:1 for large text and UI boundaries.
Why does my palette look different in print?
Screens are additive and ink is subtractive, so a vivid screen colour often has no ink equivalent. Treat the CMYK values as a starting point for a proof, not a match.
Other habitats
Thanks to you,
ToolZool stays free
Powerful tools should be free for everyone. Here is how that is paid for — all of it, with nothing left off the list.
Buy Zooly a coffeeDirect support that keeps the lights on and new tools coming. Entirely optional.Support Zooly →
Recommended picksPaid tools that finish jobs a browser cannot. Nothing on that page earns us anything today.See recommendations →
Ads, kept respectfulLabelled placements sit outside the working area, so they never come between you and your result.Read the ad policy →
You are awesomeEvery visit, share and kind word helps ToolZool grow and reach more people.
