When appropriate, use the Display P3 color profile at 16 bits per pixel (per channel) and export images in PNG format. As a result, photos and videos that use wide color are more lifelike, and visual data and status indicators that use wide color are more meaningful. Wide color displays support a P3 color space, which can produce richer, more saturated colors than sRGB. Use wide color to enhance the visual experience on compatible displays. The Standard RGB (sRGB) color space produces accurate colors on most displays. Color profiles help ensure that your app’s colors appear as expected on different displays. On a Mac equipped with a Touch Bar, you can also let people change colors using the standard color picker.Īpply color profiles to your images. For developer guidance, see NSColorPanel. The standard color panel provides a number of color selection modes, can be expanded with custom color selection modes, and allows the user to save swatches of frequently used colors. If your app lets people change colors, use the standard color panel (shown below) to obtain the user’s color selection rather than designing a custom color-picker. Use the standard color panel for user color changes. Adjust colors to provide the best possible viewing experience in the majority of use cases.

Always preview your app under multiple lighting conditions, including outdoors with a laptop on a sunny day, to see how colors appear. Colors you see on your computer at design time won’t always look the same when using your app in an environment with bright ambient light conditions. Lighting varies significantly based on room ambiance, time of day, and more. Test your app’s color scheme under a variety of lighting conditions. Color can lose its impact when composited over a non-neutral or translucent background, or when used adjacent to a very bright, colorful image. For guidance, see Color and Contrast.Ĭonsider how nearby artwork and translucency affect colors. For example, colorblind people might not be able to distinguish some color combinations, and insufficient contrast can cause icons and text to blend with the background and make content hard to read. Make sure the colors in your app send the message you intend.Īvoid using colors that make it hard for people to perceive content in your app. In some cultures, for example, red communicates danger, whereas in others it has positive connotations. For example, a red triangle that warns people of a critical problem becomes less effective when you use red elsewhere in an app for noncritical reasons.Ĭonsider how your use of color might be perceived in other countries and cultures. In general, color should be used sparingly, like when you need to call attention to important information. Color is a great way to provide status information, give feedback in response to user actions, and help people visualize data.

Finder tags colors mac osx 2017