Contrast

The OG app for quick access to WCAG color contrast ratios. Made by @gusso (figma plugin dev), @soffes (macOS dev), & @mds (design).

[Contrast @usecontrast]

All you ever wanted to know about using proper color contrast for interfaces. ✨

[MDS @mds]

Make your design life 10X easier and use these 5 color contrast score ranges for specific UI elements.

👇Here's the breakdown...

(I started writing this after the recent @usecontrast launch)

[Contrast @usecontrast]

🥲🫡 💀

[Figma @figma]

See if color contrast meets accessibility standards right within the color picker

[Contrast @usecontrast]

@mds 👀👈

[Contrast @usecontrast]

🥰

[Martin Gomez @martin_gwd]

@sovpal @usecontrast by @mds

[Contrast @usecontrast]

@webstacks_ 👈

[Contrast @usecontrast]

Related

[MDS @mds]

Eg.

[Contrast @usecontrast]

Yay or nay?

[MDS @mds]

What if you could click on the display in @usecontrast to generate these little color swatch frames on the canvas.

Helpful?

[Ivan Jose Badia @ivanjbdesign]

A must have plug-in for @figma to test your color contrast @usecontrast by @mds

[MDS @mds]

Made a video about these contrast scores. Watch it here: https://t.co/bdx7UOWxzc

[MDS @mds]

Until then, if you haven't tried @usecontrast yet, go do it! It's free and it's awesome. https://t.co/giN0bNNmsv

I guess this is technically now an @adobe product. 😜

[MDS @mds]

I have a bunch of stuff queued up to keep talking about @usecontrast and some solid guidelines for ideal contrast ratios for specific pieces of UI, beyond just pass/fail.

But with all the other design news™ I'm gonna wait until next week.

[Contrast @usecontrast]

Nice

[Contrast @usecontrast]

💅 Just fixed a bug in the Figma plugin where the background color could be wrong if there was an object directly next to the selection.

[MDS @mds]

Hey @usecontrast is live on @ProductHunt. You know what to do.
🔺 https://t.co/pBQO5ANmaz

[Contrast @usecontrast]

💪🎨 Put me to work!

[MDS @mds]

guess what?

🚀 @usecontrast for @figma is live!!!

cc @gusso

[Contrast @usecontrast]

so true

[jack @jackbutcher]

contrast is a gift

[Contrast @usecontrast]

🤔👇

[MDS @mds]

Want to use the new @usecontrast for @figma RIGHT AWAY or want to wait a little while longer?

Video shows what's not ready. (poll in next tweet)

[Contrast @usecontrast]

@SportsCenter colors

[Contrast @usecontrast]

That’s hot.

[MDS @mds]

Look at this absolute magic @gusso is sprinkling into @usecontrast. ✨

This is selecting foreground or background and holding holding down an arrrow key.