Skip to content
KitPad.org

    Color toolkit

    Convert HEX, RGB and HSL, check text contrast against WCAG and pull a palette out of any picture.

    HEX#5144e8
    RGBrgb(81, 68, 232)
    HSLhsl(245, 78%, 59%)

    Everything is calculated in your browser.

    How it works

    1. 1

      Choose a tool

      Convert a colour, check contrast or extract a palette.

    2. 2

      Enter or pick

      Type a code, use the picker or drop an image.

    3. 3

      Copy the result

      One click copies HEX, RGB, HSL or a palette colour.

    Questions and answers

    What is WCAG contrast?

    A ratio between text and background brightness. 4.5:1 is the AA minimum for normal text, 3:1 for large text.

    Why not AAA?

    AAA asks for 7:1 and is recommended for important text but is not required everywhere.

    How is the palette chosen?

    Pixels are grouped by colour and the most frequent distinct colours are shown.

    Is my image uploaded?

    No, everything is calculated in your browser.