UD5 Toolkit
WebGL Fluid Simulation - Online Interactive Ink Drop
Move your mouse to create colorful ink swirls in a simulated fluid. Beautiful and mesmerizing. No install. Just WebGL.
Pigment Mixing Simulator - Online Color Blending Tool
Pigment Mixing Simulator – Online Color Blending Tool
Simulate real paint mixing. Explore subtractive and additive color blending, preview gradients, and get HEX, RGB, CMYK values instantly.
Color 1 %
Color 2 %
50% / 50%
Mixed Result
HEX: #7A345A
RGB: 122, 52, 90
CMYK: 0%, 57%, 26%, 52%
Frequently Asked Questions
It's a digital tool that lets you blend two paint colors and preview the resulting shade, simulating real-world pigment mixing using subtractive color models. Perfect for artists and designers exploring color combinations without wasting physical paint.
Additive mixing (light) combines colors by adding wavelengths, starting from black and reaching white. Subtractive mixing (paints/inks) works by absorbing (subtracting) light; mixing more colors results in darker tones. Our simulator shows both modes so you can compare.
Real pigments have complex optical properties like scattering and absorption (Kubelka-Munk theory). Our tool uses idealized subtractive blending; actual results vary by pigment quality, binder, and surface. Always test with physical swatches for critical work.
Yes! The tool automatically calculates and displays the approximate CMYK percentages below the result swatch. This is especially useful for print design or matching paint formulations.
Click any circular preset color below Color 1 or Color 2 to instantly load common artist pigments like Cadmium Red, Cobalt Blue, or Titanium White. You can also use the native color picker or type a hex code directly.
Paint 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 by Number Generator - Online from Photo to Paint-by-Numbers
Upload an image and convert it into a paint-by-numbers outline with numbered palette. Adjust complexity. Print and paint. Local processing.
Rabbit Color Genetics Calculator – Online Predict Kit Colors
Select parent colors and genotypes to predict possible offspring coat colors. Based on simple Mendelian genetics for common breeds.
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.
Paint Mixing Color Wheel – Online Predict Mixed Hue
Select two paint colors and see approximate mixed result. Visual blending for artists.
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.
Relative Luminance Calculator - Online WCAG Metrics
Enter a hex color and get its relative luminance per WCAG definition. Understand why this matters for contrast.
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.
Canvas Compositing Demo - Online Blend & Clip Visual
Draw shapes and experiment with globalCompositeOperation. See Porter‑Duff operators in action. Great for game devs.
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.
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.
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.
Random Color Naming Challenge - Online Eye Test
See a random color and type its name. Score based on accuracy. Fun for designers. Local.
Random Coffee Blend Name - Online Barista Fun
Invent a fancy coffee blend name with origin and tasting notes. Perfect for a fictional café menu. All 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.
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.
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.
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.
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.
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.
Image Blend Mode Tester - Online Overlay Two Photos
Upload two images and apply CSS blend modes (multiply, screen, overlay, etc.). See the result and copy the filter CSS. Pure frontend.
Live Color Mix Blender - Online Mix Two Colors Visually
Pick any two colors and blend them proportionally with a slider. Get the resulting hex, RGB, and HSL. Pure client‑side.
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.
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.
Virtual Flashlight - Online Color & Strobe Screen
Turn your browser screen into a full‑color flashlight or strobe. Adjust brightness and color. Simple utility.
Image Color Histogram - Online RGB Channel Graph
Upload an image and see its RGB and luminance histograms. Understand exposure and color distribution. Photographer tool.
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 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.