RGB to HSL Converter - Online Color Space Translator
Input RGB values and see the HSL equivalent with a color preview. Understand lightness and saturation. Local.
UD5 Toolkit
Paste any cURL command and instantly generate a ready-to-import Postman Collection JSON
Everything you need to know about converting cURL to Postman collections
-X / --request (HTTP method), -H / --header (headers), -d / --data / --data-raw (request body), -u / --user (Basic Auth), -F (form data), -L (follow redirects), and --compressed.
item section of a collection.
Content-Type header and the cURL flags used. -d with application/json produces raw JSON body, -F generates form-data, and --data-urlencode or application/x-www-form-urlencoded produces URL-encoded body.
Input RGB values and see the HSL equivalent with a color preview. Understand lightness and saturation. Local.
Convert RGB and RGBA color values to their HEX or HEX+alpha representation. Live preview and copy CSS color strings instantly.
Upload an image and instantly get a 6‑color palette with the most dominant shades. Click to copy hex codes. Canvas‑based.
Convert screen RGB colors to print-ready CMYK values. Understand color shifts before printing. Ideal for graphic designers preparing artwork for press.
Quickly convert HEX color codes to RGB values and vice versa. See the color preview. Indispensable for web developers and graphic designers.
Fetch a website's CSS and extract :root custom properties (‑‑color) to reveal its design token palette. For learning and inspiration.
Enter a Kelvin value (1000‑40000) and see the approximate white‑balance color. Photography and lighting reference.
Encrypt and decrypt messages using the classic Caesar cipher with configurable shift key. Fun for puzzles and basic cryptography lessons. Entirely browser-based.
Classic HSV color wheel with sliders. See hex, RGB, and HSL equivalents. Intuitive for artists. No server interaction.
Set a custom accent color for checkboxes, radios, range, and progress. See the browser’s rendering. Copy the CSS.
Find the official name of any hex color from the extended color dictionary. Search by name to get the hex code. Handy for CSS and design language.
Match gap size around doors/windows to the correct type of weather stripping (foam, V-strip, door sweep). Save energy.
Pick a base color and generate a full palette of 10 shades (50 to 900) like Tailwind CSS. Copy as hex or hsl.
Paste a list of hex colors and generate CSS custom properties for them. Create your design token file instantly.
Paste a stylesheet and extract every unique color (hex, rgb, hsl) into a palette. Swatches displayed. Copy as JSON.
A complete, searchable list of all 140+ named HTML/CSS colors with their hex codes and color previews. Click to copy code. Essential web reference.
Type a word like 'sunset' or 'calm' and generate a color palette inspired by that mood. Simple associative mapping.
Use the light‑dark() CSS function to change colors based on color scheme. Build a simple dark mode toggle with one property.
Paste body text and test different font/background combos. See an actual passage rendered, not just a ratio. True feel for legibility.
Enter a component name and generate a complete RTL test file with render, screen, and common assertions. Fast testing setup.
Style an `<input type='range'>` with custom track and thumb. Cross‑browser CSS. Preview and copy the code.
Design a light and dark theme by picking colors for backgrounds, text, and links. Get the CSS for both themes. Local.
Upload an image and see the cyan, magenta, yellow, and black plates as separate grayscale images. Pre‑press tool.
Adjust the color temperature of your image: move slider to make it warmer or cooler. Quick white balance fix. Local canvas.
Build the same layout with both Grid and Flexbox side by side. See the code differences and visual results.
Test how fast you can convert between binary and decimal. Timed drills with increasing difficulty. Learn base‑2 fluency.
Type a CSS color name like 'tomato' or 'mediumseagreen' and instantly get its hex code and preview. Complete named colors list.
Use <input type='color'> and see its change events and value in hex. Understand the native color picker. Quick demo.
Enter a list of names and spin a wheel to pick a random winner. Remove picked names to avoid duplicates. Perfect for classrooms or contests.
Select a color and see which cocktails match it roughly. Blue for Blue Lagoon, red for Negroni. Fun bar guide.