Web & Color
Encoders, colour pickers and developer helpers. 46 tools, all free and instant.
Encoding
Base64, URL, HTML entities.
Base64Encode text to Base64 or decode it back, with UTF-8 and URL-safe support. Runs entirely in your browser.Base64 to imagePaste a base64 string or a data URI and see the image it decodes to, then download it. Decoding happens entirely in your browser.HashGenerate SHA-1, SHA-256, SHA-384 and SHA-512 hashes of any text using the browser's native Web Crypto API.HTML entitiesEscape HTML special characters so markup renders as text, or decode entities back. Handles named and numeric entities.URL encodePercent-encode text for safe use in URLs, or decode an encoded URL back to readable text. Component and full-URI modes.
HTML
Link, table and menu generators.
Button linkStyle an ordinary link to look like a button using inline CSS, with a colour picker and a live preview of the finished result.Download linkGenerate a link that downloads a file rather than opening it, and lets you set the filename the visitor's browser saves it under.HTML linkBuild a standard HTML anchor tag from a URL and some link text, with a live preview and the option to add rel=nofollow.Image linkWrap an image in a link and get properly formatted HTML, with alt text included because a linked image without it is unusable on a screen reader.Link colourSet a custom colour on a link and toggle the underline, with the generated inline CSS and a live preview alongside.Mailto linkCreate a mailto link with the subject and message body pre-filled, correctly URL-encoded so it works across every mail client.Navigation barBuild a horizontal or vertical navigation bar with your own colours, and get clean HTML and CSS with a working hover and focus state.New window linkGenerate a link that opens in a new tab, with rel=noopener included automatically so the new page cannot manipulate the one it came from.Table generatorBuild an HTML table visually — set the size, fill the cells, toggle headers, borders and striping — and copy the generated markup.
Color
Pickers, palettes and codes.
Blue coloursEvery CSS blue shade with its hex and RGB values — from AliceBlue through to MidnightBlue. Search the list and click any swatch to copy its code.Color pickerPick a colour from a saturation square and hue slider, read off HEX, RGB and HSL, and build tints, shades and a matching palette.Colour schemesBuild complementary, analogous, triadic, tetradic, split-complementary and monochromatic palettes from any base colour, with CSS variables ready to copy.Colour wheelAn interactive colour wheel with hue, saturation and lightness sliders, showing the HEX, RGB and HSL values plus the contrast against white.Contrast checkerCheck any text and background pair against the WCAG AA and AAA contrast thresholds, with a live preview at the text size you actually plan to use.Green coloursEvery CSS green shade with its hex and RGB values — from PaleGreen through to DarkGreen. Search the list and click any swatch to copy its code.Grey coloursEvery CSS grey shade with its hex and RGB values — from White through to Black. Search the list and click any swatch to copy its code.HTML colour codesEvery CSS named colour grouped by family, with its hex and RGB values. Search by name or code, and click any swatch to copy it.Image colour pickerLoad an image and click anywhere to sample that pixel's exact colour, with the dominant colours of the whole picture extracted automatically.Purple coloursEvery CSS purple shade with its hex and RGB values — from Lavender through to Indigo. Search the list and click any swatch to copy its code.Red coloursEvery CSS red shade with its hex and RGB values — from LightSalmon through to Maroon. Search the list and click any swatch to copy its code.Web safe coloursThe 216 web-safe colours in a searchable chart with hex and RGB values — a historical palette that is still a useful set of evenly spaced swatches.Yellow and gold coloursEvery CSS yellow shade with its hex and RGB values — from LightYellow through to Peru. Search the list and click any swatch to copy its code.
Developer
JSON, slugs, timestamps.
.htaccess redirectGenerate .htaccess redirect rules in both Redirect and mod_rewrite form, with 301 and 302 options for Apache servers.Canonical URLGenerate a rel=canonical link tag to tell search engines which version of a page to index when the same content is reachable at several URLs.HTML editorWrite HTML with a live side-by-side preview, then download the result. The preview is sandboxed with scripts disabled, so pasted markup is safe.HTML redirectGenerate a meta refresh redirect for cases where you cannot touch the server, with an optional delay and an honest note on its downsides.HTML viewerPaste raw HTML and see it rendered immediately — useful for checking an email template or a fragment without saving a file first.JavaScript redirectGenerate a JavaScript redirect using either location.replace or location.href, and understand which of the two you actually want.jQuery redirectGenerate a redirect inside a jQuery ready handler, for pages already built on jQuery where the redirect must wait for the DOM.JSON formatterFormat messy JSON into readable, indented output — or minify it. Validation errors are pinpointed, and keys can be sorted alphabetically.Nginx redirectGenerate an nginx server-block redirect with the status code of your choice — the fastest kind of redirect there is, handled before any application code runs.PHP redirectGenerate a PHP header redirect with the right status code and the exit call that people forget, which is what causes the page to keep executing.Resolution testerSee your viewport size, screen resolution, device pixel ratio and current breakpoint, all updating live as you resize the window.Slug generatorTurn any title into a clean, SEO-friendly URL slug. Handles accents, punctuation and stop words automatically.Timestamp converterConvert Unix epoch time to a readable date and back, in local time or UTC. Accepts both seconds and milliseconds.
Image
Resize, convert, Base64, SVG.
Image resizerResize, convert and compress images to JPG, PNG or WebP right in your browser. See exactly how much smaller the file gets.Image to Base64Turn any image into a Base64 data URL, CSS background rule or HTML img tag. Runs entirely in your browser — no upload.SVG viewerPaste SVG markup to see it rendered, check its file size, copy it as a data URI, or download it — all sandboxed so embedded scripts cannot run.
Images to PDF, entirely in your browser.
Image to PDFTurn one or many images into a single PDF, choosing A4, Letter or a page that fits each image. Everything happens in your browser.JPG to PDFCombine JPG photos into one PDF with a page size of your choosing — no upload, no watermark, no sign-up, and it works offline.PNG to PDFTurn PNG images into a PDF in your browser. Transparent areas are flattened onto white so they print the way you expect.