ToolForge

Cắt hình ảnh trực tuyến

Image cropper: upload image and crop by coordinates or aspect ratio with preview for avatars, with one-click copy and offline.

Cách sử dụng

Sau khi chọn ảnh, thiết lập vùng cắt hoặc chọn tỷ lệ khung hình, xem trước kết quả cắt và nhấp để tải xuống.

Overview

Image Cropper is a pro-design tool that Image cropper: upload image and crop by coordinates or aspect ratio with preview for avatars, with one-click copy and offline. It runs 100% in your browser with no upload, so you get instant results with privacy. Whether you need a quick answer or batch processing with precise control, you can enter, validate and export in seconds. The UI is responsive on mobile, tablet and desktop and supports one-click copy.

Use cases

  • Convert HEX to RGB/HSL and copy as CSS variables for handoff
  • Experiment with gradients and shadows for illustrations and video
  • Pick color-blind-friendly sequences for charts and dashboards
  • Generate harmonious palettes and complementary colors for campaigns
  • Use it to cross-check “图片裁剪、在线裁剪” in reports, docs or APIs to avoid manual conversion errors

How to use

  1. 1 Pick a color via picker or enter HEX/RGB/HSL values
  2. 2 Switch color spaces and watch live preview and contrast scores
  3. 3 Copy results as CSS, Tailwind or design-token formats
  4. 4 Export palettes as ASE/JSON for Figma or Photoshop

Highlights

  • Local & private: processing stays in your browser
  • Live validation with tolerant parsing
  • One-click copy and export for docs, code or sheets
  • Batch and offline support under poor network

Notes

  • Export large palettes in batches to avoid memory spikes
  • Alpha affects blended contrast; re-check on final background
  • Displays vary—verify critical colors on target devices

FAQ

Why does contrast fail?
Foreground/background luminance is too close—aim for at least 4.5:1 for body text.
Is conversion lossy?
No. Conversions use standard sRGB/HSL/HSV formulas with high precision.
How is Image Cropper different?
It runs locally with a focus on speed and privacy, plus tolerant parsing for “图片裁剪、在线裁剪” and one-click copy for reuse.
Can I use results in official reports?
Use it as a working draft and cross-check with authoritative sources; keep the exported log and parameters for traceability.
Tip：Tip: Bookmark this page or pin the tab; find related tools via categories and search (convert → calculate → export).
Avatar Generator (Identicon)Avatar generator: create cartoon avatars from name or random with style, size and background for social and dev, with one-click copy, offline. Blob Shape MakerBlob maker: customize random blob shapes with color and animation export for design and backgrounds, with one-click copy, offline. Border Radius GeneratorBorder radius generator: adjust four corners with live preview generating border-radius code for design, with one-click copy and offline. Trình tạo Box ShadowCSS box-shadow generator: adjust horizontal, vertical offset, blur, spread and color opacity with live preview and copy for design, with one-click copy and offline. Clip Path GeneratorClip-path generator: visually drag polygon, circle and ellipse clipping with live preview and code copy, responsive and animated for front-end layouts. Color PickerColor picker: pick via HSL sliders or HEX, instantly shows HEX/RGB/HSL with one-click copy. For design and frontend. Supports batch processing and offline use.

All calculations run locally in your browser; nothing is uploaded.