Colour Format Converter

WHAT IT DOES

Colour Format Converter transforms color values between five different formats: HEX, RGB, HSL, HSV, and CSS color names. Enter any valid color value and the tool instantly shows you all equivalent formats. A live color preview displays the actual color, making it easy to verify the conversion. Each format is displayed with a copy button for quick copying. The tool automatically detects the input format, so you don't need to specify what you're entering. You can copy individual formats or copy all formats at once. The tool includes a comprehensive database of CSS color names for easy reference.

WHERE IT RUNS

The extension runs entirely within your browser's local environment using the BotGentz framework. All color parsing, conversion, and formatting occur on your machine without any network requests. No color data, conversion history, or user activity is ever transmitted, uploaded, or stored externally. The tool works on any website and respects the browser's security boundaries, operating within the isolated extension sandbox. Color conversion uses pure JavaScript mathematical calculations.

HOW TO USE

Click the extension toolbar icon to open the Colour Format Converter panel. Enter a color value in any supported format (e.g., #ff0000, rgb(255,0,0), hsl(0,100%,50%), red). The tool automatically detects the format and displays all equivalent formats. A color preview shows the actual color. Click "Copy" next to any format to copy just that value. Click "Copy All" to copy all formats at once. Toggle "Auto detect input" to automatically convert as you type. Toggle "Show color preview" to show or hide the color preview. Toggle "Include color names" to include the CSS color name in the output. Choose the "Copy Format" (All formats, HEX only, RGB only, HSL only) to control what is copied when using Copy All. The panel updates instantly as you type.

THE COLOR CONVERSION ENGINE — WHY IT WORKS

Most color converters use separate functions for each conversion direction, leading to code duplication and potential errors. This tool uses a unified conversion engine that converts any input to RGB as the canonical representation, then converts from RGB to all other formats. The input format is detected using regex patterns: HEX is detected by the # prefix and hexadecimal digits, RGB by rgb() pattern, HSL by hsl() pattern, HSV by hsv() pattern, and color names by lookup in a comprehensive CSS color name database. Once the format is detected, the appropriate parser extracts the components. For RGB, the values are used directly. For HSL, the values are converted to RGB using the standard HSL-to-RGB algorithm. For HSV, the values are converted to RGB using the HSV-to-RGB algorithm. For color names, the name is looked up in the database to get the HEX value, then converted to RGB. Finally, RGB is converted to HEX, HSL, HSV, and color name (if available). This unified approach ensures consistency across all conversions and makes the tool easy to extend with new formats.

THE PANEL

The Colour Format Converter panel is fully draggable by its title bar and remembers its position on screen per website. It snaps to the edges of your browser window for clean alignment. Collapse the panel to a compact icon strip using the minimize button, restoring it with a single click. Resize the panel by dragging any edge or corner; the input area and conversion results adjust proportionally. Press the Escape key to close the panel instantly. The panel maintains independent state for each browser tab, allowing you to convert colors in multiple tabs simultaneously.

PLEASE NOTE

This extension requires the free BotGentz extension framework to be installed and enabled. The tool supports named CSS colors from the standard CSS color list; custom color names are not recognized. HSV conversion uses the standard HSV color model with values from 0-360 for hue and 0-100 for saturation and value. The tool processes color values locally and is never transmitted, logged, or shared. The extension requests no network permissions and functions entirely offline. The source code is fully auditable and available for review.