UD5 Toolkit
Color Personality Test – Online Fun What Hue Are You?
Answer a few questions and get a playful color-based personality result. For entertainment only.
Tag: Color Tools - Picker & Converter
51+ toolsPaint Color Visualizer – Online Test Wall Colors on Sample Rooms
Simulate paint colors on a pre-loaded room photo by adjusting hue, saturation. Find your perfect shade before buying. Local canvas.
Color Scale Generator - Online Create Monochromatic Stops
Generate a range of tints and shades from a single hex color. Ideal for data visualization, UI design systems, and Tailwind custom palette creation. Local tool.
Auto White Balance - Online Fix Color Casts
Automatically restore natural colors to a photo by removing color casts. Gray world algorithm. One‑click fix. Canvas.
OKLCH Color Picker & Converter - Online Perceptive Color
Select colors in the OKLCH space with lightness, chroma, and hue. Convert to hex, RGB, and CSS oklch(). Perceptually uniform gradients.
Material Design 3 Color Generator - Online Dynamic Tonal Palettes
Pick a source color and generate a complete M3 tonal palette with light/dark schemes. Export as CSS custom properties.
RGBA to CIELAB Converter - Online Full Color Translation
Convert RGBA colors to CIELAB and other advanced color spaces. For fine‑tuning design tokens. Client‑side math.
Color to Tailwind Class Converter - Online Map Hex to closest
Enter any hex color and find the nearest Tailwind CSS color class. Also shows the Tailwind palette shade.
OKLCH Color Explorer - Online Perceptually Uniform Space
Browse the OKLCH color space with sliders for lightness, chroma, and hue. See the CSS oklch() code. Modern and accessible.
Color Readability Tester - Online Visual Contrast Meter
Paste body text and test different font/background combos. See an actual passage rendered, not just a ratio. True feel for legibility.
Soft Proofing Simulator - Online Simulate Print Colors
Assign an ICC profile to an image and simulate how it would look on another device. For accurate color workflows. Local.
Hex Color Guessing Game - Online Guess the Hex Code
See a color swatch and guess its hex code. Get scored on accuracy. Improve your color intuition. Fun for designers.
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.
HWB Color Picker - Online Whiteness & Blackness Model
Pick colors using the HWB (Hue‑Whiteness‑Blackness) model. Get the CSS hwb() function code. Simpler than HSL for some.
HSV Color Picker - Online Traditional Hue Wheel
Classic HSV color wheel with sliders. See hex, RGB, and HSL equivalents. Intuitive for artists. No server interaction.
EyeDropper API - Online Pick Any Screen Color
Use the EyeDropper API to sample a color from anywhere on your screen. Click, select, and copy the hex. No extensions needed.
Image Hue Shifter - Online Change Colors Easily
Rotate the hue of any image globally. Turn a red car blue instantly. Download the result. Works entirely in the browser.
Polymer Clay Color Mixer – Online Predict Shade Result
Select two or more clay colors and visually approximate the mixed result. Helps plan canes and blends.
Webcam Color Detector - Online Live Hue Picker
Point your camera at an object and see the dominant color in real time. Click to copy the hex. Fun tool for designers.
HSL to RGB Converter - Online Precise Translation
Enter HSL values and get the exact RGB representation. Also shows hex. For fine‑tuning design tokens. Client‑side.
RGB to HSL Converter - Online Color Space Translator
Input RGB values and see the HSL equivalent with a color preview. Understand lightness and saturation. Local.
Relative Luminance Calculator - Online WCAG Metrics
Enter a hex color and get its relative luminance per WCAG definition. Understand why this matters for contrast.
RGB to CIELAB Converter - Online Perceptual Color Space
Convert RGB and hex colors to CIELAB L*a*b* values. Understand perceptual lightness and chromaticity. All local math.
Chromatic Adaptation Demo - Online See Color Under Different Lights
Simulate how a palette looks under daylight, tungsten, or fluorescent light. Understand metamerism. For accurate color work.
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.
Sepia to Color Restorer - Online Approximate Original
Apply a tint remover that guesses the original colors from a sepia photo. Not perfect, but fun. All in canvas.
Cocktail Recipe by Color - Online Pick Your Hue
Select a color and see which cocktails match it roughly. Blue for Blue Lagoon, red for Negroni. Fun bar guide.
Image Color Histogram - Online RGB Channel Graph
Upload an image and see its RGB and luminance histograms. Understand exposure and color distribution. Photographer tool.
Color to OKLCH Converter - Online Perceptually Uniform
Convert hex, RGB, or HSL into the modern OKLCH color space. See the preview and copy CSS oklch() value. Local.
Hex Color Darken/Lighten - Online Shade & Tint Calculator
Input a hex color and adjust its lightness by a percentage. Get tristimulus shades for CSS. Quick and visual.
Random Color Flash - Online Meditation & Focus Light
Full‑screen random colour changes at a slow pace. Use it as a dynamic background for meditation or focus.
Smoothie Recipe by Color - Online Get Green or Pink
Want a green smoothie? Pick a color and get a simple healthy recipe. Detox, protein, or fruit.
Hue Rotation Calculator - Online Shift CSS Filter Value
Enter original and target color to compute the exact CSS hue‑rotate(deg) filter needed. For precise icon and image tinting.
HDR Color Preview - Online See Wide Gamut Colors
Test if your display supports HDR colors by rendering a gradient in Rec.2020 space. See what you're missing. Canvas based.
Random Color Naming Challenge - Online Eye Test
See a random color and type its name. Score based on accuracy. Fun for designers. Local.
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.
GIF Optimizer - Online Reduce Size with Color Quantizer
Reduce GIF file size by lowering color count and removing duplicate frames. See side‑by‑side preview. All local.
Mood Color Journal - Online Track Days with Hues
Pick a color for each day's mood and see a month‑at‑a‑glance heatmap. Data stored locally. A private emotional log.
Virtual Flashlight - Online Color & Strobe Screen
Turn your browser screen into a full‑color flashlight or strobe. Adjust brightness and color. Simple utility.
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 Color Picker From URL - Online Remote Picture Analyzer
Enter the URL of any online image and extract its dominant colors or pick colors with a magnifier. No upload, cross‑origin friendly.
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.
Tint & Shade Generator - Online Lighter & Darker Colors
Generate tints (add white) and shades (add black) for any base hex color. Copy values for design systems. Instant local generation.
HSL to HEX Converter - Online Hue Saturation Lightness to Hex
Convert HSL and HSLA color specifications back to standard HEX codes. Useful when extracting colors from CSS preprocessors. Instant client-side conversion.
CMYK Color Preview - Online See Print vs Screen
Preview how a CMYK value will look on screen (approximate). Compare with its RGB equivalent. Pre‑press check.
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.
HEX to RGB Converter - Online Color Code Translator
Quickly convert HEX color codes to RGB values and vice versa. See the color preview. Indispensable for web developers and graphic designers.
CSS Gradient Generator - Online Color Gradient Creator
Visually create beautiful linear and radial gradients. Get the CSS code instantly. Copy the code or export as image. Perfect for web designers.
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.
HEX to HSL Converter - Online Color Code to Hue Saturation Lightness
Translate HEX colors to HSL values and adjust lightness and saturation visually. Great for creating color variations in CSS design systems.
Color to Pitch Synaesthesia - Online Hear a Hex Code
Enter a hex color and hear a tone mapped to its hue. Explore the connection between color and sound. Fun perceptual experiment.