Image tools
Color Picker
Pick a color, convert between HEX, RGB, HSL, and find the closest Tailwind shade.
How it works
- 1Click the color swatch or type a HEX code.
- 2See HEX, RGB, HSL, and the nearest Tailwind color name update live.
- 3Click any shade in the ramp to jump to lighter or darker variants.
Use cases
- Convert a design token across formats.
- Generate a shade ramp around a brand color.
- Pick a contrast-safe text color over a background.
Frequently asked questions
Are HSL and HSV the same?
No. We use HSL (Hue, Saturation, Lightness). HSV (Value) is similar but lightness/value diverge at high saturation.
What does the "Tailwind closest" row mean?
We compute Euclidean distance in RGB space between your color and every Tailwind 500 shade, and return the closest match.
Does this support alpha?
Not yet. Alpha (transparency) is on the roadmap.
Related tools
See all →QR Code Generator
Generate scannable QR codes for URLs, Wi-Fi, contacts and more — export PNG or SVG.
Image Compressor
Shrink JPG, PNG, and WebP images directly in your browser with full quality control.
JPG to PNG Converter
Convert JPG / JPEG images to PNG in batch, entirely in your browser.
PDF Optimizer
Shrink a PDF in your browser: strip metadata, drop pages, recompress structure.