A SMALL FRONT-END WORKBENCH

Your browser utility desk.

Check a detail. Copy a result. Keep building.

● Runs locally

Color contrast

CONTRAST / sRGB

OUTPUT

Your result will appear below after you run the tool.

Everything on the desk.

05 UTILITIES

01Color Contrast CheckerCalculate WCAG contrast ratio for two opaque sRGB hex colors.02Hex & RGB ConverterConvert an sRGB hex color to RGB, HSL, and CSS snippets.03URL InspectorSplit an absolute HTTP or HTTPS URL into readable parts.04Password GeneratorGenerate random text locally using cryptographic randomness.05Aspect Ratio CalculatorScale screen dimensions while preserving their ratio.

A PRACTICAL FIELD GUIDE

Details that make an interface.

PageKit collects the checks between an idea and a finished interface. Inspect one color pair, read a URL, calculate dimensions, or generate local random text. Results stay actionable and narrow: a contrast ratio is not a full audit, and parsing a link does not establish trust.

Read the guide →

What happens to my inputs?

Calculations run in this page. No account, uploads, or tracking cookies are needed. Read the privacy policy for hosting and contact details.

How should I use a result?

Keep your inputs, check the formula, and review the limits listed on each tool page before using an answer.

Can I report an issue?

Yes. The contact page helps prepare an email with an example and the result you expected.