UD5 Toolkit
Image RGB Histogram – Online Per‑Channel Graph
Load an image to see separate red, green, blue histograms. Exposure and color balance tool.
Image Color Histogram - Online RGB Channel Graph
Image Color Histogram – Online RGB Channel Graph
Upload an image to instantly view its red, green, and blue channel histograms. All processing is done locally – no upload to server.
Drag & drop image here or click to browse
Frequently Asked Questions
A color histogram is a graph that shows the distribution of pixel intensities for each color channel (red, green, blue) in an image. The horizontal axis goes from 0 (no intensity) to 255 (full intensity), and the vertical axis shows how many pixels have that specific value. It helps visualize the overall brightness, contrast, and color balance of a photo.
- Left side (shadows): A high peak near 0 means many dark/black pixels. If data is clipped against the left edge, shadow details may be lost.
- Right side (highlights): A peak near 255 indicates many bright/white pixels. Clipping here means overexposed areas.
- Spread: A wide, even spread suggests high contrast and good tonal range. A narrow spike suggests low contrast.
- Color casts: If one channel's histogram is shifted compared to others, the image may have a color cast (e.g., red shift = too warm).
Photographers use RGB histograms to evaluate exposure and color accuracy directly from the image data, without relying on the camera's LCD. This tool lets you quickly check if any channel is underexposed or overexposed, and helps you decide whether to adjust exposure, white balance, or contrast in post-processing.
No – all processing is done directly in your browser using JavaScript. Your image never leaves your computer. This ensures complete privacy and real-time performance.
The tool works with any common image format supported by modern browsers, including JPEG, PNG, GIF, BMP, and WebP. Both regular and transparent images are supported; transparent areas are treated as white (255,255,255) for histogram calculation.
LEGO Color Chart & Hex Reference – Online BrickLink Colors
Browse all official LEGO colors with names, years, and hex codes. Sort by hue. Perfect for builders.
Relative Luminance Calculator - Online WCAG Metrics
Enter a hex color and get its relative luminance per WCAG definition. Understand why this matters for contrast.
Image FFT Visualizer - Online See Frequency Domain
Upload an image and see its 2D FFT magnitude and phase. Learn how image filtering works. Educatinal tool. Canvas.
CIELAB to RGB Converter - Online Bring Color Back
Enter L*a*b* values and see the corresponding RGB and hex color. Useful for advanced color manipulation.
Emoji to Image Converter - Online Download Emoji as PNG
Pick any emoji and download it as a high‑resolution PNG image with transparent background. For social media or icons.
Web Image Size Calculator - Online KB & Dimensions Tool
Predict the file size of an image based on pixel dimensions and format (JPEG, PNG, WebP). Rough estimate. Local.
Random Color Naming Challenge - Online Eye Test
See a random color and type its name. Score based on accuracy. Fun for designers. Local.
Image Palette Extractor (Paste) - Online Clipboard Image
Paste an image from your clipboard directly into the page (Ctrl+V) and extract its color palette. No file dialog needed.
Text Watermark on Image - Online Add Subtle Overlay
Add a repeating diagonal text watermark to your images. Adjust opacity, font, and color. Protect your photos locally.
Color to CIELAB Converter - Online Perceptual Space
Convert hex or RGB to CIELAB L*a*b* values. Understand perceptual lightness and color opponents. Local math.
Image to Pure ASCII - Online High‑Contrast Text Art
Turn a photo into a high‑contrast ASCII art using only standard text characters. Adjust brightness and character set. Works offline.
Image Emboss Effect - Online Raised 3D Look
Apply an emboss filter to your photo. Choose direction and depth. Gives a 3D carved stone look. Pure canvas.
3D RGB Color Cube - Online Interactive Space
Explore the RGB color space as a rotatable 3D cube. Pick a color directly from the volume. Drag to rotate. Canvas 3D.
Image to Binary Array - Online Pixel Dump
Convert any image into a raw binary array of RGBA values. For use in embedded systems or game development. Copy as Uint8Array.
Image to Color Squares - Online Abstract Block Art
Reduce an image to large colored squares. Create bold, minimalist wall art. Adjust block size. Download PNG.
Color Image to ASCII Art - Online True Color Converter
Convert any image into colored ASCII art using divs with background colors. Creates a stunning text‑based replica. View & copy HTML.
Image Format MIME Checker - Online Identify True Type
Drop an image that might have wrong extension and see its real format (JPEG, PNG, WebP) based on header bytes.
Image to CSS Grid Layout - Online Pixel‑Based Generator
Upload a small pixel art image and get a CSS grid layout that recreates it using divs. Novelty developer tool.
Virtual Flashlight - Online Color & Strobe Screen
Turn your browser screen into a full‑color flashlight or strobe. Adjust brightness and color. Simple utility.
Text to Braille Image - Online Embossable PNG Generator
Convert short text into a black‑and‑white Braille bump image ready for embossing. Educational and inclusive.
Lighting Diagram Creator - Online Studio Setup Planner
Drag and drop light sources, camera, and subject to plan a photo shoot. Export diagram as image. Simple and visual.
Camera Exposure Simulator - Online Learn ISO, Aperture, Shutter
Adjust ISO, aperture, and shutter speed sliders and see how it affects the exposure of a sample scene. Learn photography basics.
Color Inversion Calculator - Online Exact Opposite Hue
Get the exact RGB inversion (negative) of any color. Useful for dark mode theming and high‑contrast accessibility checks.
Historical Cameras Timeline - Online Photography Evolution
Scroll through an interactive timeline of cameras from camera obscura to modern DSLR. Photos and facts.
F‑Stop Calculator - Online Aperture & Depth of Field Reference
Learn about f‑stops and their effect on light and depth. Calculate equivalent exposure adjustments. Educational.
Pigment Mixing Simulator - Online Color Blending Tool
Mix two or more colors using subtractive (CMYK‑like) blending. See what happens when you combine real paints. Brush effect canvas.
Image Background Remover - Online AI-Free Local Tool
Remove solid or similar backgrounds from images using color thresholding. No AI, just quick client-side canvas processing. Download as PNG.
Dynamic Placeholder Image Service - Online Test Images
Generate dynamic placeholder images by specifying width, height, colors, and text. View instantly as a URL you can embed in mockups. Canvas-based.
Image Splitter - Online Cut Photo into Grid or Strips
Split an image into equal grid parts or horizontal/vertical strips. Useful for Instagram carousel posts or puzzle creation. Everything runs in your browser.