Tools | tcgguilds.co.uk
← All tools

Free design utility · Works offline

Color & Contrast

Find a palette, translate a HEX code, and make sure your colors are readable. No account or sign-in needed.

01 · Explore

Palette generator

Make a harmonious color set or pull dominant colors from an image.

#9B7621CMYK(0%, 24%, 79%, 39%)
Pantone lookup ↗

Select a swatch to see its CMYK estimate and copy its HEX for the official Pantone Color Finder. CMYK varies by print process; Pantone references are not embedded in this app.

Recent palettes

Your latest 25 generated sets are saved in this browser and stored anonymously on the Hub.

0 / 25

    Extract colors from an image

    Choose an image on your device. Pixels are processed locally; the image itself is never uploaded.

    02 · Translate

    HEX converter

    Enter a 3- or 6-digit HEX color for its RGB, HSL, and CMYK values.

    RGB rgb(155, 118, 33)
    HSL hsl(42, 65%, 37%)
    CMYK cmyk(0%, 24%, 79%, 39%)

    Pantone reference

    Use the official Pantone Color Finder to compare this HEX color with Pantone references. Screen-to-print conversions are approximate and depend on the print process.

    Open Pantone Color Finder ↗

    Pantone’s reference library is proprietary, so this tool does not claim an exact Pantone match or reproduce its catalog.

    03 · Check accessibility

    WCAG contrast checker

    Check foreground text against its background color.

    Applying a font loads it from Google Fonts. Contrast ratios are calculated from the colors.

    Sample text The quick brown fox jumps over the lazy dog.
    15.8:1Contrast ratio
    AA normal AA large AAA normal AAA large

    WCAG 2.2: normal text needs 4.5:1 for AA and 7:1 for AAA. Large text needs 3:1 for AA and 4.5:1 for AAA.

    Palette calculations and image pixels stay on your device. Generated HEX sets and a random anonymous browser ID are sent to the Hub to store your last 25 palettes for this browser. No account is needed.