ToolbitColor Converter for HEX, RGB and HSL
Move a colour between the notations your design tool, your CSS, and your code each prefer, with a live swatch and a WCAG contrast reading alongside.
What the Color Converter does
- HEX, RGB, RGBA, HSL, HSLA, and HSV conversion.
- Live swatch preview as you edit any representation.
- Alpha channel support across all formats.
- WCAG contrast ratio against white and black.
How to use it
- Enter a colour in any supported notation.
- Read the equivalent value in every other format.
- Copy the one your stylesheet needs.
Why it runs locally
Toolbit has no backend. The Color Converter is implemented with standard browser APIs, so your input is processed in the tab and never uploaded, logged, or retained. That is what makes it safe to paste real data into — and it is also why the tool keeps working with the network disconnected, once you have installed Toolbit as an app.
Frequently asked questions
- Does it support alpha transparency?
- Yes. RGBA, HSLA, and 8-digit HEX all round-trip with the alpha channel preserved.
- What does the contrast ratio tell me?
- It is the WCAG 2.1 contrast figure against white and black. Body text generally needs 4.5:1, large text 3:1.
- Is it available offline?
- Yes. Toolbit installs as a PWA and ships as a desktop app for macOS, Windows, and Linux, so the whole toolbox keeps working on a plane, behind a corporate firewall, or on an air-gapped machine.