White background3.64:1
3.64
contrast ratio on a white background
ElementAAAAASmall textLarge textUI element
Image Color Picker
Extract palettes from your photos: upload an image from your device and get dominant colors ready to copy in Hex, RGB, HSL or OKLCH.
Color Conversion
View this color's code in ten different formats, ready to copy.
Color Harmonies
Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more about color harmonies
Analogous
Analogous color schemes use three colors next to each other on the color wheel. They usually match well and create serene, comfortable designs.
Complementary
Complementary color schemes use two opposite colors on the color wheel. They usually create a high-contrast, vibrant look.
Split complementary
Split complementary schemes use a base color plus the two colors adjacent to its complement. You get contrast with less tension than pure complementary pairs.
Triadic
Triadic color schemes use three colors equally spaced around the color wheel. They tend to be vibrant while staying balanced.
Tetradic
Tetradic (rectangular) schemes use four colors arranged into two complementary pairs. They are rich schemes with lots of variation.
Square
Square color schemes are similar to tetradic, but with all four colors spaced evenly around the color wheel.
Color Variations
View this color’s shades, tints, tones, hues and temperatures.
Shades
A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
Tints
A tint is created by adding white to a base color, increasing its lightness. Tints look pastel and less intense.
Tones
A tone is created by adding gray to a base color, reducing its saturation. Tones look more sophisticated and complex than pure hues.
Hues
A hue is the basic family of a color on the wheel, from red to violet. These hues are neighboring variations of your base color.
Temperatures
Colors are often divided into cool and warm by how we perceive them. Greens and blues feel cool, while reds and yellows feel warm.
Blindness Simulator
See how people with color blindness perceive this color, so your color combinations are accessible to everyone. Learn more about color blindness
Protanopia
79% similar
1.3% of men, 0.02% of women
Deuteranopia
78% similar
1.2% of men, 0.01% of women
Tritanopia
90% similar
0.001% of men, 0.03% of women
Achromatopsia
70% similar
0.003% of the population
Contrast Checker
Check this color's contrast on white and black backgrounds. For more options, use the full contrast checker
Black background5.77:1
5.77
contrast ratio on a black background
ElementAAAAASmall textLarge textUI element
Similar colors
Find CSS named colors that are visually close to this one.
How to extract a color palette from an image
The image color picker analyzes any photo and automatically extracts the colors that appear most often, generating a palette ready for your projects. It is the fastest way to turn a photograph, a screenshot or a brand logo into a usable set of colors.
Unlike the color picker, built for when you already know the exact color you need, or the color wheel, built to explore harmonies from scratch, this tool starts from a real image: yours, a client's, or any visual reference you want to turn into a palette.
Upload an image from your device. The tool analyzes it in your own browser, nothing is uploaded to a server, and returns the dominant colors in Hex, RGB, HSL and OKLCH, ready to copy or export. From the main color you can also generate harmonies, tonal variations and check accessibility contrast, just like with the rest of Matizly tools.
It is useful whenever you want to start from a real image: keeping consistency from a product photo, building a palette from a reference image, or simply recreating a color combination you have seen in a photo.
- Upload a photo from your device
- 100% analyzed in your browser
- Hex, RGB, HSL and OKLCH
Frequently asked questions
Upload an image from your device. The tool analyzes the image automatically and builds a palette of dominant colors, showing each code in Hex, RGB, HSL and OKLCH.
No. All analysis happens directly in your browser. Your image is not sent to or stored on any server.
By default it builds a palette with the most representative colors from the image. You can adjust the number of extracted colors to get a simpler or more detailed palette.
You can upload PNG, JPG or WEBP files from your device.
Yes. Once the palette is extracted, you can select any color as a base and automatically generate analogous, complementary, triadic and other schemes.
It helps you build a palette from a product photo, recreate the combination from a reference image, or build a coherent set of colors from existing visual material.