Color Converter
Convert between HEX, RGB and HSL, and check whether a text and background pair clears the WCAG contrast requirement.
HEX
#3366cc
RGB
rgb(51, 102, 204)
HSL
hsl(220, 60%, 50%)
Contrast check
Contrast ratio 5.37 : 1 — clears AA for body text, clears AA for large text
How to use
Type a color value and the other notations are worked out for you. The hash on a HEX code is optional, and the three-digit shorthand is understood too.
A swatch sits next to the value, so you never have to guess what #3366cc actually looks like. Useful when you are moving colors out of a design file and into code.
The contrast check takes a text color and a background color and computes the ratio between them. WCAG asks for 4.5:1 on body text and 3:1 on large text. Below that, readers with low vision start losing the words on the page.
Nothing you enter is sent to a server. It is all calculated inside your browser.
Tools people use next
QR Code Generator
Turn a link or a piece of text into a QR code. Choose the size and the colors, then save it as an image.
Image Cropper
Crop a photo by dragging a selection box, lock it to 1:1, 4:3, 16:9 or a custom ratio, and save as JPG, PNG or WebP. Runs entirely in your browser.
Fancy Text Generator
Turn plain text into bold, italic, script, gothic, outline, circled, upside-down and other Unicode styles you can paste into Instagram bios, tweets, usernames and chats.
Unit Converter
Convert length, weight, temperature, area, volume and data size between units. Metric and imperial side by side.