Colour Picker & Converter
Pick a colour and get its HEX, RGB and HSL codes, plus text contrast ratios.
🔒 Runs in your browser. Nothing you enter is uploaded or stored.
How to use it
Use the colour picker or type a hex code such as #1e88e5. The tool shows the same colour as HEX, RGB and HSL, ready to copy into CSS or design software.
It also shows the contrast ratio against white and black text using the WCAG 2 formula. Normal-size text needs at least 4.5:1 to meet accessibility level AA; large text needs 3:1.
FAQ
What is the difference between HEX and RGB?
They describe the same colour. HEX writes the red, green and blue values (0–255) in base 16; RGB writes them in ordinary numbers.
Related tools
QR Code GeneratorMake a free QR code for a link, text, phone number or Wi-Fi details and download it as a PNG.Image ResizerResize and convert JPG, PNG or WebP images in your browser. Your photos are never uploaded.Case ConverterChange text to UPPER, lower, Title, Sentence, camelCase, snake_case or kebab-case.