Everything here runs in your browser — nothing you type or upload is sent to a server. Try the picker below, or jump straight to any tool.
Full picker page with copy-to-clipboard for HEX, RGB, and HSL.
Turn one base color into a full analogous, complementary, or triadic palette.
Build a two-color CSS gradient and copy the code straight into your project.
Check background/text color pairs against WCAG AA and AAA accessibility standards.
Upload a photo and pull out its dominant colors for a moodboard or palette.
Type a HEX code and find the closest human-readable color name.
Most color tools ask you to upload files or create an account before you can get a simple HEX value or check a contrast ratio. Prism Kit skips that — every calculation, from color conversion to WCAG contrast scoring to extracting colors from a photo, happens using JavaScript running on your own device. Nothing is uploaded, logged, or stored on a server, which also means there's no waiting and no privacy trade-off.
We built this as a fast reference for the moments a design or development workflow needs a quick, accurate answer — not a full design suite. If you only need one thing, you shouldn't have to load one.
No. Every tool on Prism Kit works immediately with no sign-up, no email, and no usage limits.
Yes, all six tools are free with no paid tier. The site is supported by non-intrusive advertising.
If you need a quick HEX/RGB/HSL conversion, start with the Color Picker. If you're checking accessibility compliance, go straight to the Contrast Checker.
Deeper explanations behind the tools above, for anyone who wants the reasoning, not just the numbers.
How the contrast ratio is calculated, what changed with the EU Accessibility Act, and common mistakes.
Analogous, complementary, triadic, and shades schemes explained — and when to use each.
Linear, radial, and conic gradients, with copy-paste examples for common UI patterns.