Bob's Multi Tool

Color Converter

color converterhex to rgbrgb to hslcontrast checkerPrivacy: Browser local

Color Converter

Convert HEX, RGB, and HSL colors and inspect WCAG AA/AAA contrast diagnostics.

Input / Output

Start with the tool

Input, output, and copy actions stay in this main surface. Examples and reference checks are separated below.

Copy-ready output

Local session

Input state is saved only in this browser so you can restore the last workspace without an account.

Review after the result

Open examples, checks, and related tools only after the primary input/output flow is done.

Web operations workbench

Check color accessibility

Convert foreground/background colors, copy a WCAG contrast report, then review CSS tokens and visual assets before release.

3 Tools
  1. 1. Color

    Convert HEX/RGB/HSL pairs, inspect AA/AAA thresholds, then copy the accessibility report.

  2. 2. CSS

    Review the CSS token names, selectors, and duplicate color values before committing changes.

  3. 3. Favicon

    Check whether brand initials or small icons still read clearly on the chosen background.

Create a Wi-Fi QR

Generate a compatible network password, build the Wi-Fi payload, copy a scan report, and check contrast before sharing.

3 Tools
  1. 1. Password

    Generate a password that fits the router policy.

  2. 2. QR Code

    Build the Wi-Fi payload, download the QR image, and copy the scan report for handoff.

  3. 3. Color

    Check foreground and background contrast before printing.

Inspect an image data URL

Preview Base64 image data, confirm the MIME type, then check presentation contrast before sharing.

3 Tools
  1. 1. Base64

    Detect image bytes and preview the data URL without copying binary text.

  2. 2. MIME

    Confirm the extension and content type used by the image.

  3. 3. Color

    Check contrast when the image is used in a QR, badge, or document background.

Before copying

  • Check the exact foreground and background pair used in the UI.
  • Verify AA normal text, AA large text, and AAA normal text separately.
  • Copy the color format that matches the target codebase convention.

Common failure cases

  • A passing contrast ratio can still fail if the real UI uses smaller text or different weight.
  • Alpha, overlays, gradients, and background images can change the effective rendered contrast.
  • Check the exact foreground and background pair used in the UI.
  • Verify AA normal text, AA large text, and AAA normal text separately.
  • Copy the color format that matches the target codebase convention.
Color Converter - Free Online Color Tool | bobob.app