Media tools
ClientThis page is an index—open a card for the dedicated route. Raster work, QR and barcode generation, and the color hub (with subtools) all stay client-side.
Browse media utilities
Cards follow the home catalog order for this category. Sub-routes (for example under /tools/color/…) each have their own page.
Image convert
ClientConvert, enhance (tone & sharpen), resize, read EXIF & export clean—WebP, JPEG, PNG in browser. Pair with Image resize and QR or barcode in Media.
Image resize
ClientMax width or height, keep aspect ratio, export WebP/JPEG/PNG—local only.
QR code generator
ClientWi‑Fi & vCard builders, templates—custom colors, optional logo, PNG/SVG—local only.
Barcode generator
ClientLinear barcodes—CODE128, EAN-13, UPC-A, ITF, PNG/SVG—local only.
Color tools
ClientHub for converter, harmony palettes, tint/shade scales, Tailwind-style theme, MUI createTheme palette, WCAG contrast, accessible color suggestions, and web-safe colors—open a card or jump to a subtool.
Color converter
ClientHEX, RGB, HSL, OKLCH, named colors—paste a CSS color or use harmonic palette hints.
Harmony color palette
ClientComplementary, split, triadic, analogous, tetradic, and monochromatic sets from one CSS color—HEX copy and :root variables.
Tint & shade color scale
ClientBrand-color token ramps: mix one CSS color toward white and black in sRGB—symmetric or one-sided scales, HEX and :root copy.
Web-safe colors
Client216 swatches from the 6×6×6 cube; copy HEX, RGB, or RGBA in one click.
WCAG contrast checker
ClientForeground vs background: contrast ratio and WCAG AA/AAA for normal and large text.
Accessible color suggest
ClientOne anchor color (text or surface): sRGB mixes toward white/black to hit WCAG targets—copy HEX and verify in the contrast checker.
Tailwind-style theme
ClientBrand color to a Tailwind-like primary ramp (50–950) and light/dark semantic tokens—live preview, copy CSS, or a standalone HTML file demo.
MUI theme palette
ClientPrimary and optional secondary CSS colors to Material UI createTheme snippets—light/dark palette with main/light/dark/contrastText, background, text, and divider.
Common use cases
- Start from Image convert when you need format change, light enhancement, or EXIF cleanup in the browser.
- Use Image resize when you only need max width/height with aspect ratio preserved.
- Open QR or Barcode when the output must be scannable—keep URLs and payloads short for dense modules.
- Use Color tools when you need converters, palettes, contrast checks, or theme-style token ramps.
Common mistakes to avoid
Expecting print CMYK fidelity in the browser
These tools target screen sRGB workflows; critical print work still needs a desktop pipeline.
FAQ
Where is the full image workspace?
Image convert lives at /tools/image-convert; dedicated resize is at /tools/image-resize.
Are uploads sent to a server?
No. Media tools on Toolcore run in your browser unless a specific page documents otherwise.