Image work and color work often arrive together. You export a hero image, notice it is too heavy, sample a brand color, check text contrast, then realize the gradient in the mockup needs CSS syntax instead of a screenshot. Toolcore splits those jobs into small pages so you can open only the tool that matches the next decision.
This guide is a task-first map for the Media tools and Color tools. Most linked tools run in the browser, which is useful when you are checking drafts, screenshots, marketing assets, or UI colors before they go into a CMS or codebase.
Convert, resize, or compress an image
Start with the image task. If the file type is wrong, use the converter. If the dimensions are wrong, use resize. If the format and dimensions are already fine but the file is still too large, use compression.
- Image convert handles WebP, JPEG, PNG export, quick enhancement, resize panels, and metadata review in one workspace.
- Image resize is the direct route when you only need max width, max height, or aspect-ratio-safe scaling.
- Compress images is the better fit for shrinking already-correct JPEG, PNG, SVG, WebP, or AVIF files.
Clean up before you publish
Screenshots and photos often carry more than the visible pixels. Before a public upload, check whether you need to crop, remove camera metadata, rotate, or create favicon-sized exports.
- Image crop is for trimming a screenshot or social card before you export.
- Image rotate fixes orientation without opening a full editor.
- Favicon generator turns one square source into common favicon and app icon sizes.
- Image convert metadata panel shows EXIF when present and rebuilds exports through canvas so camera tags are not carried forward.
Extract or check colors from an asset
Once the image is ready, the next question is usually visual: which color is actually in the asset, and will text remain readable on top of it?
- Image color palette pulls a quick palette from an uploaded image so you can reuse dominant colors.
- Color converter moves between HEX, RGB, HSL, OKLCH, and other CSS-ready syntaxes.
- WCAG contrast checker answers whether a text/background pair is readable for normal or large text.
- Accessible color suggest helps when one color is fixed and the other needs adjustment.
Build UI colors, gradients, and tokens
For design systems, a single sampled color is rarely enough. You may need a palette, a CSS gradient, framework-ready theme variables, or a small historical web-safe reference.
- Color palette generates harmony sets from a starting color.
- CSS gradient generator builds copy-ready linear and radial gradients.
- Tailwind-style theme creates 50-950 ramps and semantic CSS variables from a brand color.
- Web-safe colors is a compact reference when you intentionally want the classic 216-color set.
Pick QR or barcode when pixels must scan
A scannable code is not just another image export. Quiet zones, contrast, module size, and payload length matter. Use the dedicated generators before you place codes into artwork.
- QR code generator covers URLs, Wi-Fi, vCard, and export options.
- QR decode checks what an existing QR image contains before you reuse it.
- Barcode generator is for Code 128, EAN, UPC, and related linear symbologies.
A simple routing rule
If the input is a file, start under Media. If the input is a color value, start under Color. If the result must be scanned, use QR or Barcode. That split keeps the first step small, and the links above let you jump sideways when a design task turns into a color or accessibility check.