CSS Gradient Generator
Build linear and radial gradients with multiple color stops and copy the CSS.
Extract text from screenshots, photos and scanned images with OCR, right in your browser.
Drop an image here or paste a screenshot
PNG, JPG, WEBP, BMP or GIF up to 10 MB. Press Ctrl/⌘+V to paste.
Your image never leaves your device. The OCR engine and language data (a few MB) are downloaded once on first use and then cached by your browser.
No text yet
Add an image and the text will appear here.
No. Text recognition runs in your browser using Tesseract OCR. Only the OCR engine and language data are downloaded the first time; your image stays on your device.
English, Turkish, German, French, Spanish, Italian, Portuguese and Dutch. You can combine up to three languages for mixed-language images.
Use a sharp, well-lit image with dark text on a light background, crop it to the text area, and select the correct language. Screenshots usually work better than photos.
OCR works best on printed or on-screen text. Handwriting is usually recognized poorly.
Build linear and radial gradients with multiple color stops and copy the CSS.
Design layered box shadows with offset, blur, spread, opacity and inset controls.
Compress and convert PNG, JPG, WebP, AVIF, GIF and SVG images in your browser.
Compare two texts and see added, removed and changed lines with word-level highlights.
Minify text, JSON, CSS, HTML and JavaScript, with automatic language detection.