ColorTools

Hi Fazier! I built ColorTools because I kept juggling five different tabs to pick a color from an image, convert it to OKLCH and check contrast. It's a free, no-signup toolkit that runs entirely in your browser — image color picker, color wheel, palette generator, CSS gradient builder, converter and a WCAG/APCA contrast checker. Would love your feedback!

这是一个很棒的图像颜色选择器工具，有多种不同的样式可供选择。

It is nice tool for image color picker with different variants.

ColorTools has great potential! A few improvements could make it even better. I'd love to share my feedback and suggestions. WhatsApp: https://wa.me/447307349530 Telegram: t.me/rforrank

This world need more colors! :)

interesting simple but useful product

Really useful for quick color conversions and palette generation. The contrast checker is a nice bonus for accessibility.

The OKLCH support is what makes this stand out for me — most free pickers stop at HEX/RGB/HSL, so having OKLCH plus an APCA check in the same tab actually removes a step from real design work. Question: does the palette export include CSS custom properties, or just the raw values? Being able to paste a ready :root block would make it a genuine one-stop tool.

“Really handy all-in-one color toolkit. Does the palette generator also suggest accessible color combinations automatically, or is that only in the contrast checker?”

“Really handy all-in-one color toolkit. Does the palette generator also suggest accessible color combinations automatically, or is that only in the contrast checker?”

will give it to my kids, do you have an ipad app?

such an amazing concept. love it

Looks really great, im going to try this out!

The design workflow friction here is real - most color tools force you to context-switch between 3-4 tabs just to get a palette that works for accessibility. Having OKLCH support is the key difference, since most free pickers stop at HSL and miss perceptual consistency entirely. The fact that you can grab colors from an image and check WCAG contrast in the same place actually removes a real bottleneck from design work. CSS export would push this from handy utility into something teams reach for first.

The gradient builder is a lifesaver for quick design work. No signup needed means I can just paste a screenshot and grab the exact color code - beats opening Figma every time.

Design friction for color management is real - having OKLCH support in an accessible toolkit removes context-switching overhead from workflows. Great execution on the contrast checker integration.

Keeping OKLCH and APCA alongside HEX and HSL is a strong choice because it supports perceptual palette work and modern accessibility checks. A useful addition would be a repair-palette mode that suggests the smallest OKLCH lightness or chroma adjustment needed to pass a selected WCAG or APCA target while preserving hue, then exports before-and-after CSS variables. Does the current accessible-color fix expose those deltas or only return a replacement color?

Does it also have OKLCH? And can I save the palettes that I like?

everything running client-side with no signup is genuinely rare for a tool this useful, most color palette sites gate half the features behind an account now. the APCA contrast checker is a nice touch too since most similar tools still only do WCAG2.

It is nice tool for image color