Elysia Tools
Navigation
Tools
Color, layout, graphics, visual styling, and design helper tools
Calculators, numerics, date logic, statistics, and finance tools
Image, audio, and video processing, conversion, and optimization tools
Writing, cleanup, formatting, extraction, and text analysis tools
Format, file, archive, unit, and encoding conversion tools
Developer utilities, networking, web debugging, and automation helpers
Design
Paste Tailwind classes that use arbitrary values (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) and inspect the generated CSS, with a live visual preview, data-type hint detection, and an explanation of each translation. Useful for debugging calc(), CSS variables, and one-off values that escape the design token scale.
Solve a CSS filter chain that closely reproduces a target hex color from a monochrome base color
Extract a dominant color palette from an image (k-means clustering), then export it as CSS variables, SCSS variables, a Tailwind config, or JSON design tokens — with named colors and an auto-generated shade scale for each
Visualize a CSS cubic-bezier easing curve, preview it live on position/opacity/scale, pick presets, and export copy-ready CSS
Generate a clamp() expression from min and max viewport and font-size bounds, with copy-ready CSS and preview data
Generate red-cyan 3D anaglyph images from regular photos. Creates stereoscopic 3D images viewable with red-cyan 3D glasses.
Generate depth maps from images using brightness, saturation, and edge analysis. Creates grayscale depth maps where lighter pixels indicate closer objects and darker pixels indicate further objects.
Generate parallax animations from images. Creates depth-based animation where different layers move at different speeds, creating a 3D effect.
Generate 3D stereogram (Magic Eye) images from text - creates hidden 3D text that reveals itself when viewed correctly
Generate wiggle stereoscopy GIFs that create 3D effect by rapidly alternating between left and right eye perspectives. No 3D glasses required!
Extract a beautiful color palette from any image
Pick colors from images by specifying coordinates. Get color values in HEX, RGB, HSL, HSV, and CMYK formats.