Logo Colour Palette Extractor
Matching a brand colour by eye never quite works. This reads the actual pixels of a logo and returns the dominant colours as HEX, RGB and HSL, ready to paste into CSS, Figma or a brand document.
It also reports the contrast ratio of each colour against white and black, so you can tell at a glance which ones are safe to put text on.
Runs entirely in your browser. Nothing is uploaded, stored or sent to us.
Loaded Corsair Logo for you — back to the Corsair Logo page, or pick a different logo below.
Choose a different logo
Or pick one of these:
…or use your own file
SVG, PNG or JPG · drag and drop works too · max 8 MB
2. The colours in this logo
Source
Logo Colour Palette Extractor — frequently asked questions
- How accurate are the extracted colours?
- The tool reads the rendered pixels directly, so the values are exact for the image supplied. Colours are grouped so near-identical shades from anti-aliasing do not crowd out the real brand colours.
- What is the contrast ratio for?
- It shows whether text in that colour would be readable on white or black, using the WCAG contrast formula. 4.5:1 or higher passes AA for body text.
- Can I use these brand colours in my own work?
- The colour values themselves are not protected, but the logos are trademarks of their owners. Check how you are allowed to use a brand mark before publishing.
How this works
Other tools
- SVG to PNG Converter — Turn any SVG into a crisp PNG at the exact size you need.
- Favicon Generator — Generate a complete favicon set, plus the HTML to install it.