Color contrast checker (WCAG)
Contrast between text and background is measured as a luminance ratio, from 1:1 to 21:1. The WCAG 2.2 guidelines require at least 4.5:1 for normal text and 3:1 for large text (24 px, or 18.66 px bold) at level AA; level AAA raises it to 7:1 and 4.5:1.
This is how a paragraph reads with this color combination.
Color palette generator
Pick a brand color and get an eleven-shade scale, from 50 to 950, plus its complementary, analogous and triadic colors. You can copy each color or the whole scale as CSS variables.
#1CD6E3
#E31C73
#E38C1C
#1CE329
Type scale generator
A modular type scale multiplies a base size by a fixed ratio to get every size on a site. With a 17 px base and a 1.25 ratio, body text is 17 px, H4 about 33 px and H1 about 65 px.
It runs in your browser. Nothing you enter is sent to any server.
Shall we talk?
Tell us about your product and current setup and we'll send a written proposal with phases, scope and every cost.