Barcode Generator - Free Online 1D Barcode Maker
Generate standard 1D barcodes including CODE128, EAN-13, and UPC-A. Download as image for product labeling or inventory. All processing happens locally.
UD5 Toolkit
Online Binary to Reflected Binary (Gray) Code Converter — Real-time, Step-by-Step
Each bit is XORed with the bit to its left. The MSB stays unchanged.
| Decimal | Binary | Gray Code | Decimal | Binary | Gray Code |
|---|
Gray Code, also known as Reflected Binary Code, is a binary numeral system where two successive values differ in only one bit. Named after Frank Gray at Bell Labs (1947), it's widely used in digital communications, rotary encoders, and error correction.
The MSB of Gray Code is the same as the MSB of binary. For each subsequent bit, perform XOR between the current binary bit and the previous binary bit: gi = bi ⊕ bi+1.
The MSB of binary equals the MSB of Gray Code. For each next bit, XOR the Gray Code bit with the previous binary result bit: bi = gi ⊕ bi+1. This cascading XOR uniquely recovers the original binary.
The code is generated by reflecting the previous bit pattern. To create an (n+1)-bit Gray Code, take the n-bit Gray Code, reverse it, prefix the original half with 0 and the reflected half with 1. This mirroring property gives it the "reflected" name.
Gray Code is used in rotary encoders (position sensors), Karnaugh maps (logic minimization), analog-to-digital converters, error detection, genetic algorithms, and digital communication systems to minimize bit transition errors.
In standard binary, transitioning from 7 (0111) to 8 (1000) flips all 4 bits simultaneously, which can cause glitches. Gray Code ensures only 1 bit changes between any adjacent values, eliminating race conditions and reducing errors in mechanical/electronic systems.
Generate standard 1D barcodes including CODE128, EAN-13, and UPC-A. Download as image for product labeling or inventory. All processing happens locally.
Paste a cURL command and instantly generate equivalent HTTP request code in Python, JavaScript, PHP, and more. Speed up API integration — fully local.
Encode special characters to HTML entities or decode them back to normal text. Perfect for web developers to sanitize or reverse HTML escaping. All processing is client-side.
Generate a range of tints and shades from a single hex color. Ideal for data visualization, UI design systems, and Tailwind custom palette creation. Local tool.
Paste code and generate a beautiful, syntax‑highlighted PNG image. Choose theme and window style. Shareable code pics.
Record your screen, application window, or browser tab directly using the Screen Capture API. Download as WebM. All local.
Paste your CSS and see warnings for properties that have limited browser support. Links to CanIUse. Modernize safely.
Design a custom focus indicator with outline, offset, and box‑shadow. Preview on interactive elements. Copy the CSS.
Use the browser's native eyedropper tool to pick any color from the screen. Shows zoomed preview. Quick and easy.
Use the EyeDropper API to sample a color from anywhere on your screen. Click, select, and copy the hex. No extensions needed.
Create a passkey and authenticate using the Web Authentication API. Supports platform authenticators (TouchID, FaceID). No server.
Create CSS mask‑image effects with custom shapes, gradients, and SVGs. Visually see the mask applied to an image. Copy the CSS.
Design layered box shadows interactively and get the CSS code in real time. Adjust offset, blur, spread, and color. Essential tool for UI designers.
Build a .editorconfig file by setting indentation, charset, and end‑of‑line rules for your project. Keep all contributors aligned.
Upload an image and get a suggested alt text description using a local vision model (WASM). Improve SEO and accessibility fast.
Enter an IP and CIDR prefix to visually see network address, broadcast, usable range, and subnet mask conversions.
Enter container width, number of items, gap, and flex‑basis. See the resulting sizes instantly. Plan your flex layout.
Design neumorphic elements by adjusting box‑shadow parameters. Real‑time preview and CSS output. For modern soft UI interfaces.
Generate custom placeholder images for mockups and layouts. Specify dimensions, colors, and text. Export as PNG or use the generated data URI. Entirely browser-based.
Set up a Shared Worker that shares state across multiple browser tabs. Counter and messaging demo. Advanced web.
Create a simple 4-shaft weaving draft by clicking warp/weft threads. See plain weave, twill, satin. Educational for weavers. Local only.
Create a custom cookie consent banner with text, button styles, and colors. Copy the ready‑to‑use HTML/CSS/JS snippet.
Press Ctrl+V to paste an image from your clipboard into the page. See dimensions and download. Simple utility.
Define password rules and see a live checklist that updates as you type. Design better password UX for your app.
Number each line of your text sequentially. Customize start number and format. Useful for code snippets, tutorials, and document review. Private operation.
Learn how to let content extend a few pixels beyond a clip boundary with overflow‑clip‑margin. Interactive playground.
Test your device's built‑in biometric (Touch ID, Face ID, Windows Hello) using the Web Authentication API. Register and verify.
Interactively add and adjust multiple box shadows on a sample element. Drag sliders for offset, blur, spread, and color. Copy the clean CSS code instantly.
Adjust margin, border, padding, and content sizes interactively and see the rendered box model. Get the exact CSS. Teach or learn layout.
Check current screen orientation and test the lock API. Useful for mobile web apps. Demo with code.