How to Extract a Color Palette From an Image
Pull the dominant colors out of a logo, photo or screenshot and copy their hex codes. Free, in your browser, nothing uploaded.
Why extract colors from an image
A logo, product photo or mood board often defines the colors for a whole design. Extracting them gives you a palette that matches the source instead of guessing by eye.
How to get the palette
Open the Color Palette Extractor and drop in an image. Use the slider to choose between 4 and 12 colors, then click any swatch to copy its hex code. The image is processed in your browser and is not uploaded.
Getting better results
Fewer colors give the broad main tones and more colors add subtler shades. Transparent pixels are ignored, and large images are scaled down before sampling, so tiny details may not show up in the palette.
Where to use the codes
Paste the hex codes into CSS, Figma or any design tool. To check whether two colors are readable together, try the Contrast Checker.
블로그의 다른 글
Becoderr란? 145개 이상의 무료 온라인 도구를 한곳에
Becoderr는 PDF, 이미지, JSON, 텍스트, 개발자용, 일상 작업을 위한 145개 이상의 무료 온라인 도구 모음입니다. 비공개, 빠름, 가입 불필요.
화질 저하 없이 이미지 압축하는 방법
사진을 선명하게 유지하면서 이미지 용량을 최대 90%까지 줄이세요. JPG와 PNG를 무료로 안전하게 온라인 압축하는 간단 가이드.
PDF를 편집 가능한 Word 문서로 변환하는 방법
어떤 PDF든 Microsoft Word에서 편집할 수 있는 .docx로 변환하세요. 무료, 가입 불필요.