Choose an image crop and copy colors
Crop a profile picture, understand pixel coordinates and reuse colors as HEX, RGB or HSL.
Cropping removes the area outside your selection; resizing changes the dimensions of the whole image. The color picker samples an original pixel. The color converter translates that value into another notation.
Prepare a square profile picture
Load your photo into Crop images and choose the 1:1 preset. The tool sets the largest centered square crop. Adjust X and Y if your subject is off-center. Export and inspect the PNG.
If you then need exactly 400 × 400 pixels, open the result in Resize images. Cropping and scaling are separate steps: choose the content first, then the output dimensions.
Understand X, Y, width and height
X counts pixels from the left and Y from the top, both starting at 0. For a 1,000 × 600 image, X=100, Y=50, width=400 and height=300 selects a 400 × 300 area from that point. X plus width and Y plus height must stay inside the image.
Alternatively, drag a rectangle with a mouse or finger. A new manual selection replaces the preset. Large-image previews are scaled down, but input values still refer to the original.
Copy a logo color as HEX
Open Pick a color from an image and click a solid-color area. Copy the HEX value, for example #0E7658. Antialiased edges, shadows and JPG compression can make adjacent pixels slightly different.
HEX, RGB and HSL describe the same opaque sRGB color here. The picker reports transparency separately as alpha from 0 to 255. The separate color converter accepts opaque colors only; alpha is not transferred.
What export preserves
The cropped PNG preserves transparency and is not upscaled. Metadata and animation are not retained. Color sampling uses the browser-decoded image; it does not replace a color-calibrated print workflow.
Crop and color picker accept JPG, PNG and WebP up to 20 MB, 20 megapixels and 12,000 pixels per edge. Keep your original if you may need another crop or original metadata later.