CSS HWB Color Generator - Online Whiteness/Blackness Picker
Interactively create colors in HWB space and get the CSS hwb() function. Simplifies tint/shade workflows. Live preview.
UD5 Toolkit
or click to browse
Supports JPG, PNG, WebP, GIF · Paste from clipboard supported
Upload an image to get started
(R×wR + G×wG + B×wB) / (wR + wG + wB). This normalization ensures the result always falls within the valid brightness range.
Interactively create colors in HWB space and get the CSS hwb() function. Simplifies tint/shade workflows. Live preview.
Upload an image and see its RGB and luminance histograms. Understand exposure and color distribution. Photographer tool.
Upload an image and extract its dominant colors or full color palette. Download as a CSS snippet or color swatch. Entirely client-side, your images stay private.
Turn any photo into a mosaic of colored blocks or pixel art. Choose block size and palette. Download as PNG. Pure canvas.
Enter the URL of any online image and extract its dominant colors or pick colors with a magnifier. No upload, cross‑origin friendly.
Enter an image URL and extract its dominant color palette. No download needed. Fast visual analysis.
Reduce the number of colors in an image to a retro 8‑bit look. Uses median cut quantization in the browser. Preview and download the stylized result.
Apply a true negative color effect to your image. Simulate a film negative or invert scanned documents. Instant canvas transformation.
Point your camera at an object and see the dominant color in real time. Click to copy the hex. Fun tool for designers.
Increase or decrease the color saturation of your photo with a slider. Preview instantly. Download the edited image. Canvas‑based.
Extract a color palette from an image using CIELAB k‑means quantization. Results are perceptually more accurate than RGB methods.
Enter foreground and background colors to instantly see the contrast ratio and pass/fail for AA and AAA. Simple and fast.
Enter hex codes and download a PNG swatch image with color names. Useful for design spec documents. Built via canvas.
Upload two images and see a diff overlay highlighting the pixel differences. Adjust tolerance. For regression testing.
Reduce GIF file size by lowering color count and removing duplicate frames. See side‑by‑side preview. All local.
Quickly adjust the brightness and contrast of an image with live preview sliders. Download the tuned photo. Canvas.
Enter an image URL to extract a 5-color dominant palette. Avoids uploading files. Uses canvas to read remote image pixels. Fast and privacy-oriented.
Enter RGB values row by row and create a tiny BMP file. Understanding bitmap headers. Geeky developer tool.
Convert hex or RGB to CIELAB L*a*b* values. Understand perceptual lightness and color opponents. Local math.
Add a dramatic night‑vision green tint with grain and scanlines to any image. Fun horror/military aesthetic.
Convert HSL and HSLA color specifications back to standard HEX codes. Useful when extracting colors from CSS preprocessors. Instant client-side conversion.
Convert RGB and hex colors to CIELAB L*a*b* values. Understand perceptual lightness and chromaticity. All local math.
Glue multiple images together horizontally or vertically into one long strip. Perfect for sharing comparisons. Local.
Upload an image and instantly see its most dominant color as a hex swatch. Uses color quantization. Local.
Apply a soft watercolor painting effect to your photo. Adjust brush size and color intensity. Download the result. Local canvas.
Enter foreground and background colors and see a matrix of how each pair works for normal, protanopia, deuteranopia, and tritanopia.
A dedicated color picker with common retro gaming palettes (NES, Gameboy). Pick and copy hex codes. For pixel art creators.
Pixelate or censor parts of an image by dragging. Adjust block size for mosaic effect. Useful for hiding faces or sensitive data. Client-side processing.
Apply a convolution filter (blur, sharpen) using a Web Worker. See the UI stay responsive while processing. Learn multithreading in the browser.
Upload one image and see it encoded in AVIF, WebP, and JPEG XL side‑by‑side. Compare quality and file size in your browser.