CSS colorâmix() Visualizer - Online Blend in sRGB & OKLCH
Pick two colors and mix them in different color spaces with sliders. See the difference between sRGB and OKLCH mixing. Copy the code.
UD5 Toolkit
Convert CIE L*a*b* color values to sRGB and HEX. Visualize, copy, and explore the CIELAB color space â bring your abstract color data back to life.
Drag sliders or pick a color to explore
Click a swatch to load its CIELAB values
Learn more about CIELAB color space and conversion
Pick two colors and mix them in different color spaces with sliders. See the difference between sRGB and OKLCH mixing. Copy the code.
Paste a CSS gradient and export a vertical swatch image. Ideal for design documents. No server needed.
Write modern CSS color functions like oklch(), lab(), hwb() and see the rendered color with fallback. Copy compatible code.
Convert any length between px, rem, em, vw, vh, %, and pt. Set base size for context. Ultimate frontend helper.
Write CSS like `oklch(from red l c h)` to modify colors dynamically. Preview the output and copy the code.
Write CSS like `oklch(from red l c h)` to modify colors. Preview the output and copy. Modern color manipulation.
Compile LESS code to plain CSS in your browser. Check for syntax errors and get clean output. For legacy projects.
Visually create beautiful linear and radial gradients. Get the CSS code instantly. Copy the code or export as image. Perfect for web designers.
Upload a photo and remap its tones to any gradient. Apply stunning color grading. Download result.
Convert audio files between popular formats like WAV, MP3, and OGG directly in the browser. No upload, fast encoding using WebAudio and ffmpeg wasm.
Compile SCSS code to CSS directly in the browser using the official Sass.js library. Supports variables, mixins, nesting. No server upload required.
Paste your SCSS or Sass code and compile it to standard CSS. Basic sass.js engine runs in your browser. No server.
Paste an SVG path and convert all relative commands to absolute. Also smooth curves to lines. Local parser.
Paste an SVG and convert it to a React Native component using reactânativeâsvg elements. For mobile apps. Local.
Convert an SVG into a dataâURI for maskâimage or maskâposition. Create nonâdestructive clipping masks via CSS.
Paste code and get a beautifully highlighted preview with line numbers. Supports many languages. Copy as HTML. Pure frontend.
Just a deadâsimple tool to convert any text to UPPER CASE. Fast, no ads, all local. Also offers lower and title case.
Paste regular HTML and instantly get valid React JSX with proper selfâclosing tags and className attributes.
Pick a COLRv1 color font and change its palette with fontâpalette. Create custom palettes with @fontâpaletteâvalues.
Paste Jira/Confluence wiki markup and get a rendered HTML preview. Supports headings, lists, links, and code blocks. All local.
Convert an SVG into a named React component with TypeScript. Clean attributes and add props. Dev tool.
Convert a small image into a CSS backgroundâimage data URL or a tiled pattern snippet. Speed up your website with inline assets.
Press any key combination and see the humanâreadable shortcut for macOS and Windows. Developer docs helper.
Shows the decimal and hex code point for every character in a string, including emojis. Copy as array. Dev reference.
Visually apply CSS transform functions like rotate, scale, skew, and translate. Obtain the exact CSS code for your elements. No coding needed.
Pick two images or colors and apply all 16 CSS mixâblendâmode values live. See and copy the right CSS for your design.
Make your JavaScript code more readable with this online beautifier. Format and indent JS automatically. Works entirely in your browser, protecting your code privacy.
Convert standard HTML into Pug (formerly Jade) syntax. Clean, indented output. For Node.js templating. Clientâside.
Convert a JSON object into application/xâwwwâformâurlencoded format. Essential for testing legacy APIs. Pure browser.
Parse CSV files into structured JSON arrays or objects. Customize delimiters and headers. Processed completely in your browser to protect sensitive data.