Hub Colour

Free colour tools

6 free colour tools that run in your browser. No account, no uploads, no watermarks.

Colour utilities for design and accessibility work — building a palette, converting between formats, and checking that your text will actually be readable by the people using it.

All 6 colour tools

Color Picker & Converter Pick colours visually and convert between HEX, RGB, HSL, and HSB formats. Includes contrast checker and palette generator. Border Radius Visualiser Control all four corners independently and preview border-radius shapes in real time. Copy CSS output. Box Shadow Generator Design CSS box-shadows visually with sliders for offset, blur, spread, and color. Copy code instantly. Colour Blindness Simulator Upload an image and preview how it appears to people with protanopia, deuteranopia, tritanopia, and 5 other vision types. Design for accessibility. CSS Gradient Generator Create beautiful linear and radial CSS gradients visually with a live preview. Copy ready-to-use CSS code. CSS Mesh Gradient Generator Create organic, multi-colour mesh gradients with draggable colour points. Adjust blur, opacity, and copy the ready-to-use CSS background.

How to use these tools

  1. Pick the tool you need from the list above — each one opens on its own page.
  2. Add your file or type your input. Nothing is uploaded; the work happens on your device.
  3. Adjust the options until the preview looks right.
  4. Download or copy the result. There is no watermark and no sign-up.

Frequently asked questions

What contrast ratio do I need?

WCAG AA asks for at least 4.5:1 for normal body text and 3:1 for large text. AAA raises that to 7:1 and 4.5:1. The contrast checker reports which level a pair reaches.

Which colour formats are supported?

HEX, RGB, HSL and HSV convert between one another, and palettes can be exported in the format you need.

Can I pull colours out of an image?

Yes. The palette extractor reads the dominant colours from any image, including HEIC and RAW, entirely on your device.

Why does colour-blind simulation matter?

Roughly one man in twelve has some form of colour vision deficiency. If your interface uses colour alone to convey meaning, those users miss it — the simulator shows you what they see.

Browse other categories