Is there some type of guide I can read about color contrast?

Yes, we wrote one. It's right here.

Do I really to need check the colors I use in my designs?

You don't have to check all of your colors, only ones you want people to be able to read. If you're uncertain about all this, definitely read the guide.

Any plans for quick keys or other features?

Totally! We've got a long list, but wanted to ship this with critical features only. We're quick key junkies too and this is a high priority.

Are there any power features?

Oh, you better believe it!

• 👋   Drag the app off the menu bar and move it where you want.
• ↕️   Press up or down in either input to change brightness values.
• ↕️   Hold shift + arrow keys to change values at 10x.
• ✨   Shift-click the loupe to select multiple colors at once.
• 📋   Option-click the loupe to pick a color and copy the hex.
• 😎   Option-shift-click to do both.
• 👌   ⌘ V any rich text onto the Contrast app while no text fields are focused for a quick contrast check.

Does the app window persist even when clicking on other apps?

By default it only persists when using the eyedropper tool. If you'd like it to always be visible no matter what, you can drag it off of the menu bar to anywhere on the screen.

Can I disable the sounds?

Yes. Click the settings icon on the far right and deselect Sounds.

Can I color pick anwhere on my screen?

For sure! Click and pick away, my friend. Anwhere on the screen your little heart desires. ❤️

Does this work inside my design tool?

Yes! We've tested colors in Sketch, Figma, XD, Illustrator, and *Photoshop.

*Photoshop's color space needs to be set to Display to have the same color space as Contrast.

Can I adjust my hex code after choosing it?

Sure can. With either of the fields selected you can use arrow key up or arrow key down to adjust the brightness of your color.

What's all this WCAG talk?

Thought you'd never ask. Here is the WCAG 2.0 Guidelines section on color contrast and here are a few more links that go into a bit more detail: How to meet WCAG 2.0, Understanding Success Criterion

The WCAG seems intimidating to read and digest can you give me just what I need to know?

Yes! That's why we wrote this guide. 🤓

My question wasn't answered. Help!

Shoot an email to support@nothingmagical.com!