Create and Convert Tools
Tools for making and converting media. Create a QR code for a link, shrink an image so a page loads faster, design CSS gradients, shadows and rounded corners, read a QR code or barcode from a photo, or turn a recording into text.
Pick a tool, set your options and download or copy the result.
CSS and layout See all
CSS Gradient GeneratorCreate linear, radial or conic CSS gradients with up to five colour stops and copy the code.Box Shadow GeneratorLayer soft or sharp box shadows, add inset shadows and copy the CSS with a live preview.Border Radius GeneratorRound each corner of a box by its own amount, see the result and copy the border-radius CSS.Glassmorphism GeneratorCreate a frosted glass card with backdrop blur, tint and border, then copy the CSS.CSS Clamp CalculatorWork out a clamp() value that scales font size or spacing smoothly between two screen widths.PX to REM ConverterConvert between px, rem, em, vw and pt with a base font size, and see a conversion table.CSS Text Shadow GeneratorDesign a text shadow or glow with a live preview and copy the CSS.Flexbox PlaygroundChange flex container and item settings and watch the boxes move, then copy the CSS and HTML.CSS Grid GeneratorBuild a grid layout with fixed, flexible or custom columns and copy the CSS and HTML.Clip Path MakerCut an element into a polygon, star, circle or ellipse and drag the points to reshape it.Cubic Bezier Easing EditorDrag the curve handles to design easing, watch a ball move with it and copy the timing function.CSS Keyframes BuilderChoose a motion, tune its strength and timing, and copy the @keyframes and animation rule.CSS Pattern GeneratorMake stripes, dots, checks, grids and zigzags with pure CSS gradients, and copy the code.Neumorphism GeneratorCreate soft raised, pressed and curved surfaces with paired light and dark shadows.CSS Button GeneratorDesign a button with hover, active and focus states, check its contrast and copy the CSS and HTML.CSS Triangle GeneratorDraw a triangle in eight directions using the border trick or clip-path, and copy the CSS.CSS Filter PlaygroundCombine blur, brightness, contrast, hue and more on a picture and copy the filter property.CSS Specificity CalculatorScore selectors by IDs, classes and elements, rank them and see which one wins.Media Query BuilderBuild a media query from width, height, colour scheme, motion, pointer and more, and test it live.CSS Cursor TesterTry every standard cursor value by pointing at it, see what each one means and copy the CSS.Scrollbar StylerStyle a scrollbar with colours, width and rounded corners, using the standard or the prefixed method.CSS Transform GeneratorMove, rotate, scale, skew and tilt an element in 3D, see it against its original place and copy the CSS.CSS Loader GeneratorMake a loading spinner, bouncing dots, rising bars or a pulse in pure CSS and copy the HTML and CSS.CSS Underline and Text Decoration GeneratorStyle underlines, overlines and strike-throughs with wavy or dotted lines, colour, thickness and offset.
Type, spacing and SVG See all
SVG Wave GeneratorMake a wave divider as SVG, with smooth or rough edges, and copy it as SVG or as a CSS background.SVG Blob GeneratorCreate organic blob shapes as SVG paths, repeatable from a seed, and copy the code.Font Pairing PreviewerCompare heading and body font stacks that are already on most computers, then copy the CSS.Type Scale GeneratorBuild a modular type scale from a base size and ratio, with pixel and rem sizes and CSS variables.Spacing Scale GeneratorTurn a base unit into a spacing scale in px and rem, as straight steps, doubling or Fibonacci.SVG Path VisualiserPaste path data to see the shape, its points and curve handles, and get a tidy absolute version.
Colour See all
Colour Palette GeneratorBuild a matching colour palette from one base colour, then copy the codes or export CSS variables.Colour Contrast CheckerCheck the contrast ratio between two colours against WCAG 2.2 and get a nearby colour that passes.Colour Shades GeneratorTurn one colour into eleven tints and shades from 50 to 950, with contrast scores for text.Colour MixerMix two colours in any proportion, see the steps between them and copy the colour-mix() code.Text on Image Legibility CheckerCheck whether text stays readable over a photo, and how dark an overlay it needs.Colour Name FinderFind the closest of the 148 named CSS colours to any hex code, or look names up by their letters.
Audio See all
Text to SpeechRead text aloud in the voice, speed, pitch and volume you choose.Speech to TextDictate with your voice, see the words appear live, then copy or download them as text.Audio TrimmerCut a sound file to the part you want, with fades, and download it as a WAV file.Audio to WAV ConverterConvert MP3, M4A, OGG, FLAC or the sound of a video to a WAV file, with a choice of sample rate and channels.Audio Volume BoosterMake a quiet recording louder, or quieter, by a set number of decibels, with a limiter to stop crackle.Audio Speed ChangerSpeed up or slow down a recording, keeping the pitch or letting it change with the speed.Reverse AudioPlay a sound backwards. Reverse a whole recording or just a chosen part and save it as a WAV file.Audio Waveform ViewerDraw the waveform of a sound file and see its length, loudness, peaks and clipping at a glance.Voice RecorderRecord your voice from a microphone, pause and resume, play it back and download it.Tone GeneratorPlay a pure tone at any frequency from 20 Hz to 20,000 Hz and download it as a WAV file.Online MetronomeKeep time with an accurate metronome from 20 to 300 beats a minute, with accents and beats per bar.BPM TapperTap along to a song to find its tempo in beats per minute.Online Guitar TunerTune a guitar, bass, ukulele or violin by ear with a microphone, a needle and reference notes.Microphone TestCheck that your microphone works, see its live level and play back a five second recording.
Video See all
Video TranscriberUpload a video or audio file and get a timestamped transcript, with TXT, SRT and VTT downloads.Video to MP3Take the sound from a video and save it as an MP3 file, or as WAV.Video CompressorRe-save a video at a smaller size and resolution, with the sizes before and after.SRT to VTT ConverterConvert subtitle files between SRT and VTT, and shift every caption earlier or later.Screen RecorderRecord your screen, a window or a browser tab, with sound where available, and download the video.Webcam TestCheck your webcam works, see its resolution and frame rate, try other cameras and take a photo.Webcam RecorderRecord a video from your webcam, with sound and a countdown, and download it.Video to FramesPull still pictures out of a video at set gaps, an exact number of frames or any moment you choose.Video Info ViewerSee the length, picture size, shape, average data rate and frame rate of any video file.
Documents and codes See all
QR Code GeneratorMake a QR code for any link or text and download it as a PNG.CSV to Markdown TableTurn CSV or spreadsheet cells into a Markdown table with alignment.HTML to Markdown ConverterConvert HTML into clean Markdown with headings, lists, links and tables.QR Code ReaderRead a QR code from a picture and see what it says.Barcode ReaderRead a barcode from a picture. Supports EAN, UPC, Code 128, Code 39 and more.JPG to Word ConverterRead the English text in a JPG or PNG picture and save it as an editable Word document.
No tool matches that. Try a shorter word.
Guides to read first
SRT vs VTT: which subtitle format to use
Compare SRT and VTT subtitle files, including timestamp formats, styling and positioning, which players accept each one and when to choose SRT or VTT.
Colour contrast ratios and WCAG: a plain guide
How contrast ratios are calculated, what 4.5 to 1 and 3 to 1 mean for text and buttons, worked examples with real colours, and how to fix low contrast.
How to make a Wi-Fi QR code for guests
Create a Wi-Fi QR code so guests can join by scanning it. Covers the name and password format, escaping special characters and where to display it.