Extract dominant, vibrant, muted, light or dark colours from any photo — with HEX/RGB/HSL/CMYK/LAB, colour names, WCAG contrast, harmonies, gradients and export to PNG/SVG/JSON/CSS/ASE. 100% in your browser.
📤 Drag an image here or click to choose
More free, non-AI, browser-based design & image tools.
The Image Color Palette Extractor is a fast, private, browser-based colour tool that turns any photo into a usable, well-documented palette — and then helps you actually work with those colours. Designers, developers, marketers and photographers constantly need to pull colours out of an image: to match a brand from a logo, to build a website theme from a hero photo, to sample a mood-board, to reproduce a print colour, or simply to find a set of colours that already work together because they came from the same picture. Doing this by eye is slow and imprecise. This tool analyses the actual pixels with the browser's Canvas API, quantises them into their most representative colours, and presents a clean palette with every colour value you could need — instantly, and without ever uploading your image anywhere.
Extraction is flexible. You choose how many colours you want — from a quick set of three up to thirty or more, via handy size presets or a custom count — and pick an extraction mode: Dominant returns the most frequent colours, Vibrant favours the most saturated and lively ones, Muted pulls the soft, desaturated tones, and Light and Dark bias toward the bright or shadow end of the image. The engine avoids near-duplicate swatches so the palette stays varied, and it computes the image's average colour too. Alongside the swatches, an Image Analysis panel reports the overall brightness, the average colour, the dominant colour's share of the image, and how many distinct colour regions were found — useful context when you are judging whether a palette truly represents a picture.
Every colour is fully described. Click a swatch and the Colour Details panel shows it in HEX, RGB, RGBA, HSL, HSV, CMYK, LAB and XYZ — each one click-to-copy — along with the nearest colour name and its brightness, saturation, hue and relative luminance. Because accessible design depends on contrast, a WCAG panel gives the contrast ratio of the colour against black and white text and marks whether it passes AA and AAA, with a clear recommendation of which text colour to use on top of it. You can copy the colour as a CSS custom property or as the nearest Tailwind-style value, and mark it as a favourite.
The suite goes beyond extraction into real colour work. A harmony generator builds complementary, analogous, triadic, split-complementary, tetradic, square and monochromatic schemes plus shades, tints and tones around any selected colour — perfect for expanding a single brand colour into a full system. A gradient generator turns the whole palette into a ready-to-use linear, radial or conic CSS gradient. A brand-roles panel suggests a primary, secondary, accent, neutral and call-to-action colour from the palette, giving you a head start on a design system. And a live search lets you filter the palette by hex code or colour name.
When it is time to hand colours off, the export options cover every workflow. Copy the palette as a plain HEX list, as CSS custom properties, as SCSS variables, as a Tailwind config snippet, or as JSON. Download it as a PNG or SVG palette image, as CSS/SCSS/LESS, as TXT or JSON, as a GIMP GPL palette (which many editors import), or as an Adobe ASE swatch file for Photoshop, Illustrator and other Adobe apps. You can print a colour sheet, and a local history keeps your recent palettes and favourites in your browser for reuse. Everything runs as plain JavaScript on your own device, so it is lightweight and instant, works offline once loaded, and is completely private — your images and colours are never sent to a server, there is no sign-up, and nothing is tracked.
Who is it for? UI and web designers building themes and design systems; graphic and brand designers matching and documenting colours; front-end developers who need exact CSS values and accessible contrast; digital marketers creating on-brand graphics; print professionals who need CMYK and LAB; photographers analysing the palette of a shot; and students learning colour theory. Whether you need one hex code in five seconds or a fully documented, exportable, accessible palette, this tool turns any image into a colour system you can trust and reuse. It is deliberately lightweight — no heavy frameworks, no external colour service — so it opens fast, responds instantly as you change modes or counts, and behaves the same on a phone, a tablet or a wide desktop monitor. Because the extraction, the format conversions, the harmony maths and almost every export all run locally, you can rely on it for confidential brand work, unreleased product photos or client images without any of them leaving your machine, and you can keep using it on a plane or anywhere else without a connection.
यह Image Color Palette Extractor एक तेज़, निजी और पूरी तरह ब्राउज़र में चलने वाला colour टूल है जो किसी भी फोटो को एक उपयोगी, अच्छी तरह प्रलेखित palette में बदल देता है — और फिर उन रंगों के साथ काम करने में मदद करता है। designers, developers, marketers और photographers को लगातार किसी image से रंग निकालने की ज़रूरत पड़ती है: किसी logo से brand मिलाने, किसी hero photo से website theme बनाने, mood-board sample करने, print colour दोहराने, या बस ऐसे रंगों का सेट खोजने के लिए जो पहले से साथ काम करते हैं क्योंकि वे एक ही तस्वीर से आए हैं। आँख से यह करना धीमा और अस्पष्ट है। यह टूल browser के Canvas API से असल pixels का विश्लेषण करता है, उन्हें उनके सबसे प्रतिनिधि रंगों में quantise करता है, और हर ज़रूरी colour value के साथ एक साफ़ palette दिखाता है — तुरंत, और आपकी image कहीं upload किए बिना।
Extraction लचीला है। आप चुनते हैं कि कितने रंग चाहिए — तीन के त्वरित सेट से लेकर तीस या अधिक तक, size presets या custom count के ज़रिए — और एक extraction mode चुनते हैं: Dominant सबसे बार-बार आने वाले रंग देता है, Vibrant सबसे संतृप्त व जीवंत को प्राथमिकता देता है, Muted नरम, अल्प-संतृप्त tones निकालता है, और Light व Dark image के चमकीले या छाया वाले सिरे की ओर झुकते हैं। engine निकट-डुप्लिकेट swatches से बचता है और image का औसत रंग भी निकालता है। swatches के साथ, एक Image Analysis panel समग्र brightness, average colour, प्रमुख रंग का हिस्सा, और कितने विशिष्ट रंग-क्षेत्र मिले, बताता है।
हर रंग पूरी तरह वर्णित है। किसी swatch पर क्लिक करें और Colour Details panel उसे HEX, RGB, RGBA, HSL, HSV, CMYK, LAB और XYZ में दिखाता है — हर एक click-to-copy — साथ ही निकटतम colour name और उसकी brightness, saturation, hue व relative luminance। चूँकि सुलभ design contrast पर निर्भर है, एक WCAG panel रंग की काले व सफ़ेद text के विरुद्ध contrast ratio देता है और चिह्नित करता है कि यह AA व AAA पास करता है या नहीं, साथ ही ऊपर कौन-सा text रंग इस्तेमाल करें इसकी स्पष्ट सिफ़ारिश। आप रंग को CSS custom property या निकटतम Tailwind-शैली मान के रूप में copy कर सकते हैं।
यह suite extraction से आगे असल colour काम में जाती है। एक harmony generator किसी चुने रंग के आसपास complementary, analogous, triadic, split-complementary, tetradic, square और monochromatic schemes के साथ shades, tints व tones बनाता है। एक gradient generator पूरी palette को तैयार linear, radial या conic CSS gradient में बदलता है। एक brand-roles panel palette से primary, secondary, accent, neutral और call-to-action रंग सुझाता है। और एक live search आपको palette को hex code या colour name से filter करने देता है।
रंग सौंपते समय, export विकल्प हर workflow कवर करते हैं। palette को plain HEX सूची, CSS custom properties, SCSS variables, Tailwind snippet, या JSON के रूप में copy करें। इसे PNG या SVG palette image, CSS/SCSS/LESS, TXT या JSON, एक GIMP GPL palette, या Photoshop, Illustrator व अन्य Adobe apps के लिए Adobe ASE swatch file के रूप में download करें। आप एक colour sheet print कर सकते हैं, और एक local history आपकी हाल की palettes व favourites को पुनः उपयोग के लिए browser में रखती है। सब कुछ आपके अपने device पर plain JavaScript है, इसलिए यह हल्का और तुरंत है, load होने पर offline काम करता है, और पूरी तरह निजी है — आपकी images व रंग कभी server पर नहीं भेजे जाते।
यह किसके लिए है? themes व design systems बनाते UI व web designers; रंग मिलाते व प्रलेखित करते graphic व brand designers; सटीक CSS मान व सुलभ contrast चाहते front-end developers; on-brand graphics बनाते digital marketers; CMYK व LAB चाहते print professionals; किसी shot की palette विश्लेषित करते photographers; और colour theory सीखते students। चाहे आपको पाँच सेकंड में एक hex code चाहिए या पूरी तरह प्रलेखित, export करने योग्य, सुलभ palette — यह टूल किसी भी image को एक भरोसेमंद, पुनः-उपयोग योग्य colour system में बदल देता है।
Supported formats: HEX, RGB, RGBA, HSL, HSV, CMYK (for print), LAB and XYZ (device-independent), plus the nearest colour name.
Colour harmony: Complementary (opposite hue), Analogous (neighbours), Triadic (three evenly spaced), Split-complementary, Tetradic and Square (four-colour schemes), Monochromatic, and Shades / Tints / Tones of one colour.
This tool is 100% client-side. Your image is read into a canvas in your own browser and analysed locally — nothing is uploaded to any server, there is no account, and saved palettes live only in your browser's local storage. Once loaded, it works with no internet connection.