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.
UD5 Toolkit
A colorblind-safe palette uses color combinations that remain distinguishable to people with common forms of color vision deficiency (CVD), such as protanopia (red-blind), deuteranopia (green-blind), and tritanopia (blue-blind). These palettes avoid relying solely on red-green distinctions and instead leverage differences in lightness and blue-yellow contrasts. Tools like this simulator help designers verify accessibility before publishing data visualizations.
Approximately 8% of males and 0.5% of females have some form of color vision deficiency—that's over 300 million people worldwide. If your charts, maps, or dashboards rely exclusively on color to convey information, a significant portion of your audience may misinterpret the data. Using colorblind-safe palettes ensures your visualizations are inclusive, accurate, and meet WCAG accessibility guidelines.
Qualitative palettes are for categorical data where no inherent ordering exists (e.g., countries, product types). Colors should be maximally distinct. Sequential palettes show ordered data from low to high (e.g., temperature, population density) using lightness gradients of a single hue or closely related hues. Diverging palettes highlight deviation from a midpoint (e.g., profit/loss, above/below average) using two contrasting hues that diverge from a neutral center. Each type serves a different analytical purpose.
The simulator uses the Viénot–Brettel–Mollon physiological model based on LMS cone response spaces. Each sRGB color is converted to linear RGB, transformed into LMS (long, medium, short wavelength) cone excitation values using the Hunt–Pointer–Estevez matrix, then projected onto reduced-dimension planes that simulate missing cone types. The result is transformed back to sRGB, producing an accurate approximation of how each color appears to individuals with specific CVD types. This method is widely cited in vision science literature.
WCAG 2.1 Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (≥18pt or 14pt bold). Level AAA requires 7:1 and 4.5:1 respectively. Our tool calculates the relative luminance per the sRGB standard (BT.709 coefficients) and displays the contrast ratio against a white background (#FFFFFF). A ratio below 3.0 is flagged as potentially hard to read for many users.
Absolutely. You can export your palette as HEX codes, CSS custom properties, or JSON—all formats easily imported into Excel (custom color picker), Tableau (Preferences.tps file or direct HEX entry), Python's matplotlib/seaborn (pass the hex list to the palette parameter), R's ggplot2, Figma, and most design tools. The JSON export follows a simple {"name":"...", "colors":["#..."]} structure.
For qualitative categorical data, research by Wong (2011) and Tol (2021) suggests limiting palettes to 6–8 distinct colors for reliable colorblind-safe discrimination. Beyond 8 colors, even people with normal vision struggle to distinguish categories. If you need more categories, consider combining color with other visual encodings like patterns, labels, or faceting. For sequential and diverging palettes, 5–9 steps provide sufficient perceptual resolution.
Apply a tint remover that guesses the original colors from a sepia photo. Not perfect, but fun. All in canvas.
Upload an image and also see a UI mockup under different deficiencies side‑by‑side. Powerful for inclusive design.
Upload an image and see its RGB and luminance histograms. Understand exposure and color distribution. Photographer tool.
Convert any image into colored ASCII art using divs with background colors. Creates a stunning text‑based replica. View & copy HTML.
Write Mermaid markdown and instantly see the rendered flowchart, sequence diagram, or Gantt chart. Copy SVG output. Browser-side rendering.
Load an image to see separate red, green, blue histograms. Exposure and color balance tool.
Enter RGB values row by row and create a tiny BMP file. Understanding bitmap headers. Geeky developer tool.
Play an audio file or use mic to see real‑time frequency bars. Choose colors. Great for music videos. Canvas.
Reduce the number of colors in your photo to create a bold, pop‑art poster effect. Adjust levels and download.
Build a vertical timeline by entering events with dates and descriptions. Export as image or HTML. Perfect for project milestones.
Shift red and blue channels to create a realistic chromatic aberration (lens distortion) effect. Download glitched photo.
Shift color channels to create a 3D anaglyph image. Grab your red‑cyan glasses! Can use different offset.
Create a basic Open Graph image with a title, background color, and logo. Download as PNG. Perfect for small sites.
Remove solid or similar backgrounds from images using color thresholding. No AI, just quick client-side canvas processing. Download as PNG.
Display a Snellen chart on screen and mark distance for a fun self-test. Not a replacement for professional exam.
Visualize audio in real time from your microphone or uploaded audio file. See the waveform dance. Uses Web Audio API locally.
Upload an image and see its 2D FFT magnitude and phase. Learn how image filtering works. Educatinal tool. Canvas.
Convert any image into beautiful ASCII art. Adjust brightness and character set for the best effect. Share text-based pictures. Runs entirely in the browser.
Paste lyrics and tap while the song plays to embed timestamps. Export as .lrc file for music players. All in browser.
Warps your image with a gooey, melting distortion. Adjust strength and radius. Download the surreal result. Local canvas.
Connect a MIDI controller and see every message in a log. Filter by channel and type. Essential for debugging music apps.
Apply vintage and sepia effects to your photos. Adjust grain, vignette, and tone curves. Download filtered image. Local canvas manipulation.
Fill in says, thinks, does, feels quadrants for a user persona. Save locally or print.
Apply tone mapping algorithms to bring out details in highlights and shadows. Simulate HDR from a single image.
Track daily mood with emoji selection and optional notes. See weekly/monthly mood trends in a color-coded chart. All data stored privately in localStorage.
Upload a photo and turn it into an optimized Open Graph image with title overlay. Perfect for blog social shares. Canvas.
Tidy up messy HTML code with our online formatter and beautifier. Indent and clean your markup, preview the output instantly. No data is uploaded, everything runs in your browser.
Upload a font file or specify a URL and generate the complete @font‑face rule with modern formats and font‑display. Copy instantly.
Design visual posts for Instagram, Twitter, Facebook. Background gradients, text, and stickers. Download as PNG. No sign‑up.
Connect your MIDI keyboard and see pressed notes visually on a piano roll. Check velocity, channel, and aftertouch. No DAW needed.