Image & Design
Everything you need for visual content creation and design work. Whether you're a graphic designer, web developer, photographer, or content creator, this comprehensive toolkit covers all aspects of image processing and design. Edit and optimize images, work with colors and typography, generate QR codes and barcodes, create diagrams, charts, flowcharts and mind maps, design icons and mockups, and master photography tools. All tools work directly in your browser with professional-grade results.
Blend 2 to 5 colors with RGB, HSL, or LAB modes. Set ratios, preview a gradient, click mix steps, and copy the result in HEX, RGB, and HSL.
Browse, search and copy all 242 Tailwind CSS color values across 22 families. Quick access to class names, HEX, RGB and HSL with favorites and CSS export.
Generate random colors with customizable constraints. Choose from presets like pastel, vivid, or neon, or fine-tune hue, saturation, and lightness ranges.
Pick a base color on an interactive HSL wheel and instantly see harmonious schemes — complementary, analogous, triadic, and more — then copy any HEX value with one click.
Convert colors between HEX, RGB, HSL, HSV, and CMYK instantly, with a live preview, a visual color picker, and one-click copy for every format.
Check the contrast ratio between text and background colors and see instantly whether the pair meets WCAG AA and AAA accessibility standards.
Preview how your images and colors look to people with color vision deficiency. Test for Deuteranopia, Protanopia, Tritanopia, and Achromatopsia in your browser.
Extract dominant colors from any image instantly. Pick colors directly from photos, get HEX, RGB, and HSL values, and export palettes for your design projects.
Generate tints, shades, and tones from any base color. Build consistent color scales for design systems with adjustable steps, then export to CSS, SCSS, Tailwind, or JSON.
Pick and explore colors with a visual picker. Get values in HEX, RGB, HSL, HSV, and CMYK instantly, with an eyedropper, history, and favorites.
Build harmonious color palettes from color theory rules, or extract dominant colors from any image. Copy as CSS, SCSS, Tailwind, JSON, or PNG.
Add padding around an image with a transparent or colored background. Set the canvas size, pad without cropping, and export icons, logos, and thumbnails.