All image and color tools

Image Color Picker Click anywhere on your image to grab the exact color of that pixel in HEX, RGB, RGBA, HSL or HSV. Your image never leaves your device. Image Color Extractor Find the dominant colors in a photo and build a ready-to-use palette in seconds. Export it as CSS, JSON, Tailwind or an image. Color Blindness Simulator See how your image, design or chart looks to people with different types of color vision deficiency. Average Color of Image Get the single color that best represents your image, ready to use as a background or loading placeholder.

Color Picker Choose a color visually or type a code, and get every format you need with one click to copy. HEX Color Picker Pick a color and copy its hexadecimal code, or paste a hex code to see it and convert it. RGB Color Picker Mix red, green and blue (plus alpha) and copy the rgb() or rgba() value you need. HSL Color Picker Work with hue, saturation and lightness, the most intuitive way to tweak colors in CSS. Color Converter Type or paste a color in any format and get every other format at once. Color Mixer Blend two or more colors in any proportion and get all the steps in between. Shades & Tints Generator Create lighter tints, darker shades and muted tones of any color in evenly spaced steps. Random Color Generator Press the space bar or the button to generate random colors. Narrow it down by style or hue. Complementary Colors Find the color opposite any color on the wheel, plus its split-complementary partners. Color Palette Generator Press Space to generate color schemes, lock the colors you love and fine-tune the rest. Your palettes are saved in your browser. Color Name Finder Enter any color to find its closest named color, or browse and search all CSS color names.

CSS Gradient Generator Design beautiful gradients visually and copy production-ready CSS. Box Shadow Generator Design soft, realistic shadows with multiple layers and copy the CSS. Contrast Checker Make sure your text is readable for everyone. Check any color pair against WCAG 2.2. Tailwind Palette Generator Turn one brand color into a complete 50–950 scale and export it for Tailwind or plain CSS.

Image Dimensions Checker Find the size, aspect ratio and file size of your images instantly. Drop several at once. Image Metadata Viewer See the hidden EXIF data in your photos, including camera settings, date taken and GPS location. Pixel Inspector Examine your image one pixel at a time, with exact coordinates and RGBA values for every pixel in view. Image to Base64 Encode an image as a Base64 data URI for HTML, CSS or JSON, or decode Base64 back to an image. Image Histogram Check the exposure and tonal range of a photo with RGB and luminance histograms.

Image Compressor Make your images smaller without visible loss in quality. Files never leave your device. Image Converter Convert images to WebP, PNG, JPG or AVIF in seconds, one at a time or in batches. Image Resizer & Cropper Resize, crop, rotate and flip images for the web or social media, without uploading them. Image Filters Adjust and stylise your image with filters, then download it or copy the CSS filter code. Favicon Generator Turn a logo into a complete favicon set: favicon.ico, PNG sizes, Apple touch icon and the HTML to use them.