
Colour Contrast Analyser
Design
Measure the contrast between foreground and background colors
0 props
Props are a thank-you from members.
Full sizeKontrast measures the contrast between two colors. Enter the foreground and background colors from a design and see whether the combination is likely to remain readable. This gives designers and developers a quick check when adjusting text, labels or other interface elements. Run the check on the colors actually used in the interface, including the variants for different themes if they exist. A contrast result applies to that color pair. Review the layout, interaction states and text sizing in context to understand how the finished interface will read.
Good products deserve a good conversation.
Be the first to start one.