It turns colour into a number.
Colour tools turn visual choices into measurable values such as contrast ratios or colour coordinates. That makes them useful checks, not automatic design decisions.
Type, Layout & Effects
Gradient Generator.
Build a two-colour CSS gradient.
1 Enter2 Adjust3 Use result
Input
Answer
linear-gradient(90deg, #F45B1F, #F32478)
CSS gradient
The result uses a simple 90-degree linear gradient.
Useful to know
Four things worth knowing.
Passing is not the whole design.
A passing number cannot judge hierarchy, glare, display calibration, print stock or whether the surrounding design is actually readable.
Check it at real size.
Judge it at the size it will actually be used. Typography and spacing are partly optical.
Treat the number as a floor.
Check the real size and context after the number passes. Small text and thin weights usually need more breathing room than the minimum.