Online Color Picker - Eye Dropper & Color Selection Tool
Pick colors from a palette or use the eye dropper to sample colors from your screen. Converts between HEX, RGB, HSL. An essential tool for designers.
UD5 Toolkit
Predict the shade result when mixing polymer clay colors. Select two (or three) colors, adjust the ratio, and instantly see the blended result.
Pick colors from a palette or use the eye dropper to sample colors from your screen. Converts between HEX, RGB, HSL. An essential tool for designers.
An interactive color wheel that teaches primary, secondary, tertiary colors, and harmonies. Pick and mix like a pro.
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.
A dedicated color picker with common retro gaming palettes (NES, Gameboy). Pick and copy hex codes. For pixel art creators.
Select colors in the OKLCH space with lightness, chroma, and hue. Convert to hex, RGB, and CSS oklch(). Perceptually uniform gradients.
Get a beautiful, hand‑picked color combination instead of purely random. Each palette has a name and copyable hex codes.
Enter an image URL and extract its dominant color palette. No download needed. Fast visual analysis.
Given an RGB value, pick the matching color square. Multiple difficulty levels. Improve your color perception. Fun for designers.
Extract a color palette from an image using CIELAB k‑means quantization. Results are perceptually more accurate than RGB methods.
Enter the URL of any online image and extract its dominant colors or pick colors with a magnifier. No upload, cross‑origin friendly.
Convert illuminance units: lux, foot-candle, phot. Useful for lighting design and photography. Quick and free.
Apply a soft watercolor painting effect to your photo. Adjust brush size and color intensity. Download the result. Local canvas.
Construct a CSS‑only carousel with scroll‑snap and scroll‑driven animations. Configurable gap, items, and progress indicator. Copy the HTML/CSS.
Quickly adjust the brightness and contrast of an image with live preview sliders. Download the tuned photo. Canvas.
Upload an image and see its RGB and luminance histograms. Understand exposure and color distribution. Photographer tool.
Convert RGB and hex colors to CIELAB L*a*b* values. Understand perceptual lightness and chromaticity. All local math.
Choose a pre-drawn pixel outline and fill cells with colors. Save your masterpiece. Meditative fun.
Enter hex codes and download a PNG swatch image with color names. Useful for design spec documents. Built via canvas.
Automatically adjust brightness, contrast, and saturation of a photo. Click to enhance and download. Canvas‑based.
Interactively create colors in HWB space and get the CSS hwb() function. Simplifies tint/shade workflows. Live preview.
Crop images into rectangular or circular shapes with interactive handles. Output as PNG or JPEG. A simple, browser-based tool with no uploads required.
Convert RGBA colors to CIELAB and other advanced color spaces. For fine‑tuning design tokens. Client‑side math.
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.
Create photo collages by arranging multiple images on a canvas. Select grid templates or freeform placement. Export as single image. Secure local processing.
See a color swatch and guess its hex code. Get scored on accuracy. Improve your color intuition. Fun for designers.
Connect a MIDI controller and see every message in a log. Filter by channel and type. Essential for debugging music apps.
Enter image pixel dimensions and compute maximum print size at various DPI. With aspect ratio presets (4x6, 5x7, 8x10) and cropping preview. Local tool.
Convert HSL and HSLA color specifications back to standard HEX codes. Useful when extracting colors from CSS preprocessors. Instant client-side conversion.
Enter two hex colors and compute the CIE76, CIE94, and CIEDE2000 color difference. Understand how humans perceive color similarity.
Paste HTML/CSS and render it to a canvas image. Download as PNG. For creating dynamic social share images.