HEX to HSL Converter - Online Color Code to Hue Saturation Lightness
Translate HEX colors to HSL values and adjust lightness and saturation visually. Great for creating color variations in CSS design systems.
UD5 Toolkit
Drag & drop, click to browse, or Ctrl+V paste from clipboard
PNG / JPG / WebP / GIF / BMPTranslate HEX colors to HSL values and adjust lightness and saturation visually. Great for creating color variations in CSS design systems.
Enter any hex color and find the nearest Tailwind CSS color class. Also shows the Tailwind palette shade.
Upload two images and apply CSS blend modes (multiply, screen, overlay, etc.). See the result and copy the filter CSS. Pure frontend.
Apply a customizable gradient overlay to any image. Perfect for banners and social media. Download the result. Local.
Point your camera at a barcode and decode it live. Works with multiple formats. Pure JavaScript barcode detection.
Generate cryptographic and checksum hashes for any text string. Supports MD5, SHA-1, SHA-256, and CRC32. All hashing runs locally for maximum privacy.
See the current time displayed in binary and hexadecimal. Dark theme, full‑screen mode. A geeky desk decoration.
Write a compute shader in WGSL and run it in the browser. See the output on a canvas. Learn WebGPU. Real‑time compilation.
Watch a color sequence and click the same pattern. Gets longer each round. Test and improve your working memory. All local.
Set an alarm that rings at a specific time even if the tab is in background. Multiple alarm tones. Works offline.
View the current time in binary (BCD) format. A stylish geek clock with dot columns. Toggle between binary and decimal labels.
Add artificial reverb to an audio recording. Choose from small room to large hall. Wet/dry mix. Convolution‑based.
Run a countdown timer that automatically repeats for a set number of laps. Great for HIIT, study sprints, or any interval work.
Enter two Roman numerals and add or subtract them. See the result in Roman and Arabic. A fun mental workout.
Display a stylish retro flip clock or Nixie tube clock in full screen. Perfect for desk presentation or decoration. Pure CSS and JS.
See a color swatch and guess its hex code. Get scored on accuracy. Improve your color intuition. Fun for designers.
Paste code and generate a beautiful, syntax‑highlighted PNG image. Choose theme and window style. Shareable code pics.
Paste HTML/CSS and render it to a canvas image. Download as PNG. For creating dynamic social share images.
Select any HTML element on a page and capture its screenshot. Download as PNG. Perfect for bug reports. JavaScript API demo.
Upload an image and instantly see its most dominant color as a hex swatch. Uses color quantization. Local.
Enter a decimal number and see detailed step‑by‑step conversion to binary, octal, and hex. For students.
Enter a hexadecimal string and decode it as a 32‑bit or 64‑bit floating‑point number. Low‑level developer tool.
A dedicated color picker with common retro gaming palettes (NES, Gameboy). Pick and copy hex codes. For pixel art creators.
Type a CSS color name like 'tomato' or 'mediumseagreen' and instantly get its hex code and preview. Complete named colors list.
Convert between Base32 encoded strings and hexadecimal. Work with low‑level data representations. All local.
Input a hex color and adjust its lightness by a percentage. Get tristimulus shades for CSS. Quick and visual.
Measure your internet connection speed by downloading and uploading a small test file. Works from your browser.
Take multiple evenly spaced screenshots from a video and combine them into a single filmstrip image. Local canvas.
Use the browser's native eyedropper tool to pick any color from the screen. Shows zoomed preview. Quick and easy.
Drop any file to see its raw hexadecimal representation and ASCII side‑by‑side. Navigate with offset. Client‑side only.