Logo
Design Utilities

Color Picker & Converter

A robust developer tool featuring a desktop-level eyedropper, opacity adjustment, and instant multi-format color conversion.

Color Configuration

Alternative: Click square for internal palette

Output Formats

HEX#3B82F6
RGBrgb(59, 130, 246)
RGBArgba(59, 130, 246, 1)
HSLhsl(217, 91%, 60%)
HSLAhsla(217, 91%, 60%, 1)

Color Palette

Advanced Guide & Technical Specs

Understand desktop-level capturing capabilities

1. Desktop Cross-Window Capturing

The 'Activate Desktop Eyedropper' button invokes Chromium's native EyeDropper subsystem. Once activated, the browser layer recedes, and an OS-level magnifying loupe allows picking pixels from your desktop, code editors, or external design apps.

Shortcut Trick:
Press ESC anytime to exit the active desktop eyedropper mode.
2. Compatibility & Alpha Masking

EyeDropper is natively supported by modern Chromium browsers (Chrome/Edge/Opera). If it's unavailable, the button hides gracefully, falling back to the standard palette system. Transparency adjusts fluidly in sync with HEX8/RGBA/HSLA outputs.

To preserve precision, the native eyedropper resets opacity back to 100% upon selection, allowing you to re-tailor custom transparency values.

Explore More#image-tools

Base64 Image Converter

Tool

An image-to-Base64 converter that encodes images into Base64 strings or decodes Base64 back into previewable images with download support.

Favicon Generator

Tool

A favicon generator that creates website icons from images or text, with customizable size, colors, and transparency, and exports standard ICO files.

Image Tools

Tool

An image editing tool that supports cropping, resizing, rounded corners, and format conversion with real-time preview and multi-format export.

Image Compressor

Tool

An image compression tool that reduces file size by adjusting quality, format, and dimensions with optional smart WEBP optimization.

Color Picker

Tool

A color picker and format conversion tool that supports real-time color selection, opacity adjustment, and instant generation of HEX, RGB, RGBA, and HSL color formats.

App Color Palette Generator

Tool

Input a primary color, and the tool will automatically generate a matching color palette, including light/dark mode background colors, surface colors, and text color specifications.

Thumbnail Color Extractor

Tool

A tool that extracts dominant colors from an uploaded image and allows one-click copying of HEX values.

Thumbnail Transparent Converter

Tool

A tool that removes selected colors from images using tolerance and feathering, and exports transparent PNGs.

Thumbnail Resizer

Tool

A tool that resizes images and exports them in PNG, JPG, WEBP, or SVG formats.

Android Icon Generator

Tool

Generate Android Studio ic_launcher resources with one click. Auto-create mipmap sizes and download ZIP packages.

IOS Icon Generator

Tool

Generate AppIcon.appiconset and App Store icons automatically.

QR Code Manager

Tool

Integrates a QR code visual beautification engine and local image decoding module. Supports point corner tuning, high-resolution reset, padding constraints, and automatic center logo composition. The entire process does not rely on external network environments.

Image OCR Extractor

Tool

A pure front-end image text recognition tool based on Tesseract.js, supporting multi-language OCR recognition, paragraph reconstruction, and text export.

Image Filter

Tool

An online tool that supports various image filter effects, allowing users to preview filters in real-time and export the processed images.