How to generate contrast color?

[artalar]

Hi! I have a color picker that should produce the main color and the opposite - contrast color. Right now I use "invert", but it is useless for gray colors and so on.

[omgovich]

Hi @artalar! colord doesn't have a method for that currently, but I can try to help you somehow if you provide more details and, maybe, some examples. I can't say it's clear for me what color should be "opposite" to gray. On my color picker website I always use black and white for text colors: https://omgovich.github.io/react-colorful/

[suhodolskiy]

Hi @artalar! Maybe it's not exactly what you need, but maybe it will help you: https://gist.github.com/suhodolskiy/d14b74e183607bbb34eae3313bce7c80

[artalar]

@suhodolskiy thx, will use it. Btw while(color.contrast(this) < 4.5) color = isLight ? color.darken(0.4) : color.lighten(0.4)

[artalar]

You could check this out at the work: https://monocss.vercel.app/

[jd-solanki]

Helper function would be nice 👍🏻