HSL to HEX Converter - Online Hue Saturation Lightness to Hex
Convert HSL and HSLA color specifications back to standard HEX codes. Useful when extracting colors from CSS preprocessors. Instant client-side conversion.
UD5 Toolkit
Boost image contrast using Histogram Equalization & CLAHE. Perfect for underexposed, hazy, or low-contrast photos — processed entirely in your browser.
Drop your image here
or click to browse — JPG, PNG, WebP, BMP supported
Max 20MB · Auto-resizes large imagesY = 0.299R + 0.587G + 0.114B, equalize only the luminance channel, then scale RGB values proportionally. This preserves the original color hue and saturation, avoiding the unnatural color shifts that can occur when equalizing R, G, and B channels independently.
Convert HSL and HSLA color specifications back to standard HEX codes. Useful when extracting colors from CSS preprocessors. Instant client-side conversion.
Translate HEX colors to HSL values and adjust lightness and saturation visually. Great for creating color variations in CSS design systems.
Simulate forced‑colors mode and see how your site looks. Adjust CSS system colors. Make your design accessible.
Upload a screenshot or image and use the magnifying glass to pick exact colors. Get hex, RGB, and HSL. Simple.
Apply a customizable gradient overlay to any image. Perfect for banners and social media. Download the result. Local.
Upload two images and apply CSS blend modes (multiply, screen, overlay, etc.). See the result and copy the filter CSS. Pure frontend.
Input a hex color and adjust its lightness by a percentage. Get tristimulus shades for CSS. Quick and visual.
Use your webcam to take selfies. Add a simple frame or filter, then download the picture. No upload, just fun.
Enter any hex color and find the nearest Tailwind CSS color class. Also shows the Tailwind palette shade.
Use your camera to scan 1D barcodes (UPC, EAN, CODE128) directly in the browser. Quick and no app install. All scanning is local.
Point your camera at a barcode and decode it live. Works with multiple formats. Pure JavaScript barcode detection.
Every second, the background color changes to the hex code corresponding to the current time (HHMMSS). A beautiful, ever‑changing clock.
Alternates between near and far focus cues with timed breaks. Reduce digital eye strain.
Overlay colored blocks and images and apply all mix‑blend‑mode values. Understand how each mode works live.
See the current time displayed in binary and hexadecimal. Dark theme, full‑screen mode. A geeky desk decoration.
Watch a color sequence and click the same pattern. Gets longer each round. Test and improve your working memory. All local.
Click through the TCP connection states (LISTEN, SYN_SENT, ESTABLISHED…) and see the animated transitions. Networking education.
Create binaural beats by setting base frequency and beat frequency. Use headphones. For relaxation or focus. Web Audio API.
View the current time in binary (BCD) format. A stylish geek clock with dot columns. Toggle between binary and decimal labels.
Generate cryptographic and checksum hashes for any text string. Supports MD5, SHA-1, SHA-256, and CRC32. All hashing runs locally for maximum privacy.
Find the optimal go‑to‑sleep or wake‑up times based on 90‑min sleep cycles. Wake up between REM cycles and feel refreshed.
Set a wake-up time and the screen gradually brightens from dark to warm yellow. Use as a gentle alarm.
Generate SHA‑1, SHA‑256, SHA‑512, and SHA‑3 digests of any text or file. Verify integrity. All in your browser.
Use your device's orientation sensor or manually enter a location to find the bearing toward Mecca. Simple compass tool.
Route your microphone input through a chain of virtual effects (distortion, reverb, delay) using Web Audio API.
Display a stylish retro flip clock or Nixie tube clock in full screen. Perfect for desk presentation or decoration. Pure CSS and JS.
Enter two Roman numerals and add or subtract them. See the result in Roman and Arabic. A fun mental workout.
Randomly generated subnetting questions. Calculate network address, broadcast, and usable range. For CCNA prep.
Select a desired effect (relaxation, focus, energy) and get a suggested essential oil blend with drop ratios. Perfect for diffusers and DIY massage oils.
Set an alarm that rings at a specific time even if the tab is in background. Multiple alarm tones. Works offline.