Код серого цвета apple

Apple iPhone Colors

Apple iPhone HTML Hex, RGB and CMYK Color Codes

The Apple iPhone colors are categorized according to their models and series. Use this Apple iPhone color compilation for digital or print projects that need to use specific color values to match their company color palette. Find the rest of your favorite brand color codes on this website.

iPhone 11 Pro Color Values

PANTONE: PMS P 175-14 C (Nearest Match)
Hex Color: #4e5851;
RGB: (78,88,81)
CMYK: (67,51,60,32)
Buy Matching Paint

PANTONE: PMS P 152-1 C (Nearest Match)
Hex Color: #ebebe3;
RGB: (235,235,277)
CMYK: (7,4,9,0)
Buy Matching Paint

PANTONE: PMS P 172-14 C (Nearest Match)
Hex Color: #535150;
RGB: (83,81,80)
CMYK: (63,57,57,34)
Buy Matching Paint

PANTONE: PMS P 34-1 C (Nearest Match)
Hex Color: #fad7bd;
RGB: (250,215,189)
CMYK: (1,17,24,0)
Buy Matching Paint

iPhone 11 Color Values

PANTONE: PMS P 92-9 C (Nearest Match)
Hex Color: #d1cdda;
RGB: (209,205,218)
CMYK: (16,16,6,0)
Buy Matching Paint

PANTONE: PMS 931 C (Nearest Match)
Hex Color: #ffe681;
RGB: (255,230,129)
CMYK: (1,7,60,0)
Buy Matching Paint

PANTONE: PMS P 127-2 C (Nearest Match)
Hex Color: #aee1cd;
RGB: (255,230,129)
CMYK: (1,7,60,0)
Buy Matching Paint

PANTONE: PMS 179-16 C (Nearest Match)
Hex Color: #1f2020;
RGB: (31,32,32)
CMYK: (73,66,65,74)
Buy Matching Paint

PANTONE: PMS P 1-1 C (Nearest Match)
Hex Color: #f9f6ef;
RGB: (249,246,239)
CMYK: (1,2,5,0)
Buy Matching Paint

PANTONE: PMS 200 C (Nearest Match)
Hex Color: #ba0c2e;
RGB: (186,12,46)
CMYK: (18,100,88,9)
Buy Matching Paint

iPhone XR Color Values

PANTONE: PMS 292 C (Nearest Match)
Hex Color: #5eb0e5;
RGB: (174,255,205)
CMYK: (31,0,24,0)
Buy Matching Paint

PANTONE: PMS P 1-1 C (Nearest Match)
Hex Color: #f9f6ef;
RGB: (249,246,239)
CMYK: (1,2,5,0)
Buy Matching Paint

PANTONE: PMS 179-16 C (Nearest Match)
Hex Color: #1f2020;
RGB: (31,32,32)
CMYK: (73,66,65,74)
Buy Matching Paint

PANTONE: PMS 122 C (Nearest Match)
Hex Color: #f3d060;
RGB: (243,208,296)
CMYK: (5,16,74,0)
Buy Matching Paint

PANTONE: PMS 2344 C (Nearest Match)
Hex Color: #ee7762;
RGB: (238,119,98)
CMYK: (2,66,61,0)
Buy Matching Paint

PANTONE: PMS 7628 (Nearest Match)
Hex Color: #a5282c;
RGB: (165,40,44)
CMYK: (24,95,91,19)
Buy Matching Paint

iPhone XS Color Values

PANTONE: PMS 179-16 C (Nearest Match)
Hex Color: #1f2020;
RGB: (31,32,32)
CMYK: (73,66,65,74)
Buy Matching Paint

PANTONE: PMS P 30-1 C (Nearest Match)
Hex Color: #f5ddc5;
RGB: (245,221,197)
CMYK: (3,13,22,0)
Buy Matching Paint

PANTONE: PMS 10101 C (estimated)
Hex Color: #e4e4e2;
RGB: (228,228,226)
CMYK: (9,7,8,0)
Buy Matching Paint

iPhone X Color Values

PANTONE: PMS 10101 C (Nearest Match)
Hex Color: #e4e4e2;
RGB: (228,228,226)
CMYK: (9,7,8,0)
Buy Matching Paint

PANTONE: PMS 426 C
Hex Color: #25282a;
RGB: (37,40,42)
CMYK: (74,65,62,67)
Buy Matching Paint

iPhone 8 Color Values

PANTONE: PMS 10101 C (Nearest Match)
Hex Color: #e4e4e2;
RGB: (228,228,226)
CMYK: (9,7,8,0)
Buy Matching Paint

PANTONE: PMS 426 C
Hex Color: #25282a;
RGB: (37,40,42)
CMYK: (74,65,62,67)
Buy Matching Paint

PANTONE: PMS P 30-1 C (Nearest Match)
Hex Color: #f5ddc5;
RGB: (245,221,197)
CMYK: (3,13,22,0)
Buy Matching Paint

iPhone 7 Colors

PANTONE: PMS 179-16 C (Nearest Match)
Hex Color: #1f2020;
RGB: (31,32,32)
CMYK: (73,66,65,74)
Buy Matching Paint

PANTONE: PMS 10101 C (Nearest Match)
Hex Color: #e4e4e2;
RGB: (228,228,226)
CMYK: (9,7,8,0)
Buy Matching Paint

PANTONE: PMS 482
Hex Color: #dfccb7;
RGB: (223,204,183)
CMYK: (12,18,26,0)
Buy Matching Paint

PANTONE: PMS 503 C (Nearest Match)
Hex Color: #e6c7c2;
RGB: (230,199,194)
CMYK: (8,22,17,0)
Buy Matching Paint

Источник

Код серого цвета apple

Color is a great way to impart vitality, provide visual continuity, communicate status information, give feedback in response to user actions, and help people visualize data. Look to the system’s color scheme for guidance when picking app accent colors that look great individually and in combination, and adapt well to accessibility and appearance modes.

Don’t rely solely on color to differentiate between objects or communicate important information. If your app uses color to convey information, be sure to provide text labels or glyph shapes so users with colorblindness or other visual disabilities can understand it.

Use color judiciously for communication. The power of color to call attention to important information is heightened when used sparingly. For example, a red triangle that warns of a critical problem becomes less effective when red is used elsewhere in an app for noncritical reasons.

Consider choosing a limited color palette that coordinates with your app logo. Subtle use of color is a great way to communicate your brand.

Consider choosing a color to indicate interactivity throughout your app. In Notes, interactive elements are yellow; in Calendar, interactive elements are red. If you define an accent color that denotes interactivity, make sure other colors in your app don’t compete with it.

Provide two versions of your accent color to make sure it looks good in both light and dark modes. When you use a system color for your accent color, you get automatic support for both appearance modes.

Avoid using the same color for interactive and noninteractive elements. If interactive and noninteractive elements have the same color, it’s hard for people to know where to tap.

Consider how artwork and translucency affect nearby colors. Variations in artwork sometimes warrant changes to nearby colors to maintain visual continuity and prevent interface elements from becoming overpowering or underwhelming. Maps, for example, displays a light color scheme when in map mode but switches to a dark color scheme when in satellite mode. Colors can also appear different when placed behind or applied to a translucent element like a toolbar.

Test your app’s color scheme under a variety of lighting conditions. Lighting varies significantly both indoors and outdoors, based on room ambiance, time of day, the weather, and more. Colors you see on your computer won’t always look the same when your app is used in the real world. Always preview your app under multiple lighting conditions, including outdoors on a sunny day, to see how colors appear. If necessary, adjust colors to provide the best possible viewing experience in the majority of use cases.

Consider how the True Tone display affects color. The True Tone display uses ambient light sensors to automatically adjust the white point of the display to adapt to the lighting conditions of the current environment. Apps that focus primarily on reading, photos, video, and gaming can strengthen or weaken this effect by specifying a white point adaptivity style. For developer guidance, see UIWhitePointAdaptivityStyle.

Consider how your use of color might be perceived in other countries and cultures. In some cultures, for example, red communicates danger; in others, red has positive connotations. Make sure the colors in your app send the appropriate message.

Avoid using colors that can make it hard for people to perceive content in your app. For example, a colorblind user 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 for users with visual disabilities. For guidance, see Color and Contrast.

System Colors

iOS offers a range of system colors that automatically adapt to vibrancy and changes in accessibility settings like Increase Contrast and Reduce Transparency. The system colors look great individually and in combination, on both light and dark backgrounds, and in both light and dark appearances.

Don’t hard-code system color values in your app. The color values provided below are intended for reference during your app design process. The actual color values may fluctuate from release to release, based on a variety of environmental variables. Always use the API to apply system colors; for developer guidance, see UIColor (UIKit) and Color (SwiftUI).

Источник

Цвета в Swift: UIColor

UIColor дает возможность настроить цвет для Dark Mode, дает семантический набор цветов «от Apple», а также дает возможность задать не только цвет, но и паттерн заполнения пространства, что как бы кричит нам, что UIColor это вовсе не цвет. Давайте слегка заглянем в эти чертоги UIColor.

UIColor это класс который хранит данные о цвете и прозрачности. Цвет в iOS может быть представлен в разных цветовых пространствах, самое известное из которых RGB. На самом деле, сам цвет хранится в свойстве cgColor класса CGColor. В iOS существуют несколько сущностей, которые могут хранить информацию о цвете — каждый для своего фреймворка:

для UIKit это класс UIColor,

для SwiftUI это структура Color,

для Core Graphics это класс CGColor,

для Core Image это класс CIColor

В данной статье я постараюсь рассказать о классе UIColor, который является частью фреймворка UIKit.

Системные цвета

В UIKit есть некоторые предопределенные цвета, которые вы можете использовать в своем проекте. Например, зелёный UIColor.green или часто достаточно написать просто .green. Написав так, будет использован конкретный цвет со значениями RGB 0.0, 1.0, 0.0 и уровнем прозрачности 1.0. Но в UIColor, определен также цвет UIColor.systemGreen. Чем он отличается от обычного UIColor.green?

Начиная с iOS 13.0 появился Dark Mode. Пользователь может выбрать в настройках системы в каком цветовом теме ему комфортнее работать — в светлой теме или в тёмной. И зеленый цвет для этих режимов будет немного отличаться. Более того, пользователь для комфортного восприятия может выбрать высококонтрастный режим, повышающий контрастность между элементами интерфейса и фона. И зеленый цвет для этого режима тоже будет другим.

Нам, разработчикам, зачастую без разницы какой оттенок одного цвета используется, но специалисты Apple, глубоко проработали этот вопрос с учетом сочетаемости цветов в разных режимах и состояний экрана, и с точки зрения восприятия цветов для людей с проблемами по зрению. Недооценивать возможность использовать системные цвета не стоит — и при отсутствии дизайнеров в проекте, которые способны подобрать цвета для проекта, при прочих равных лучше выбирать цвета начинающиеся на «system. «:

Замечу — эти системные цвета меняют только оттенок основного цвета — зеленый цвет не сможет стать синим, он будет либо чуть светлым зеленым, либо чуть темным зеленым.

Кроме того, есть несколько системных оттенков серых цветов, которые вы можете использовать для второстепенных элементов интерфейса — разделители, тени, границы и т.п.

Еще раз, повторю, все эти системные цвета способны адаптировать под различные настройки или состояния интерфейса. Как подобные цвета создавать самому мы посмотрим далее.

Как вы могли заметить среди этих цветов нет цветов Black или White, которые в основном как раз используются для текста или фона. Тут как раз приходят на помощь семантические цвета.

Семантические цвета

Концепция семантических цветов позволяет абстрагироваться от конкретных цветов, сделав акцент на предназначении цвета. В UIKit нам знаком такой цвет как tintColor, который обозначает цвет, который призывает пользователя к действию — например, это может быть цвет системных кнопок, ссылок, вкладок в UISegmentControl и т.п. В вашем приложении может быть определен брендированный цвет — например, мы можем назвать его как brandColor или primaryBrandColor/secondaryBrandColor. Или это может быть свой уникальный цвет всех текстовых элементов.

Смысл использования семантических цветов в том, чтобы определить их в одном месте и дальше ссылаться из всех частей приложения только на одно место — место где вы определили семантические цвета. К примеру, вы хотите использовать красный цвет для всех UILabel в вашем приложении. Вместо того, чтобы в каждом UILabel задать тексту цвет .red, гораздо удобнее определить свой семантический цвет:

let primaryTextColor = UIColor.red

и во всех UILabel его использовать:

Конечно красный цвет — сомнительная история для использования как цвет текста, поэтому к вам обязательно придет дизайнер или заказчик и попросит поменять цвет на другой. В таком случае вы это сможете сделать не более чем за минуту просто переопределив свой primaryTextColor.

В общем случае крайне рекомендуется использовать семантические цвета даже на небольших проектах. Но сперва по этому поводу вам нужно будет договорится со своим дизайнером, который при передаче макетов разработчику будут закладывать в используемых цветах элементов интерфейса именно семантические наименования.

Семантические цвета в UIKit

Apple предлагает свою систему семантических цветов, которую вы можете использовать в приложении. Более того, цвета из этой системы вы будете неосознанно использовать если не будете менять цвета стандартных контролов. В UIKit предлагаются следующие цвета.

label — для обозначения основного текста

secondaryLabel — вторичный текст

tertiaryLabel — текст третьей значимости

quaternaryLabel — текст четвертой значимости

Вы, к примеру, цвет secondaryLabel можете использовать для подзаголовков, а tertiaryLabel для сносок или примечаний в тексте.

Цвета для заполнения:

Apple предлагает использовать эти цвета для наполнения разных фигур/контролов типа слайдеров, полей поиска, кнопок и т.п.

Цвет для плейсхолдера:

Использовать для разного вида фонов.

Цвета для фонов сгруппированных элементов:

Используются для таблиц со стилем .grouped для фона сгруппированных элементов.

Цвета для разделителей:

Цвет для ссылок:

Отдельно цвета для текста, которые не адаптируются под темную или светлую тему:

Используя эти семантические цвета UIKit для целей, которые обозначены в их описании, будет обеспечиваться их сочетаемость нативным образом.

Подробнее про эти цвета можно почитать на сайте Apple.

Как создать цвет, который будет адаптироваться под Dark или Light режимы

Первый вариант — в XCode в Assets проекта добавить для каждого цвета Color Set, в котором можно отдельно задать цвета для Dark и Light Mode в настройке Appearances. Там же можно задать, что вы хотите для данного цвета задать параметры для высококонтрастного режима.

Где можно найти настроки цвета в Assets в XCode

В дальнейшем к этому цвету можно обращаться так:

let color = UIColor(named: «ColorName»)

этот цвет автоматически будет меняться «на лету» при изменении режима настройки в iOS.

Второй вариант — задать условия и значения цвета в коде, в зависимости от текущих параметров системы.

Делается это в конструкторе UIColor:

init(dynamicProvider: @escaping (UITraitCollection) -> UIColor)

UITraitCollection содержит в себе основные параметры относящиеся к экрану — вертикальный или горизонтальный режим, Dark или Light режим, контрастность и т.п. Нас прежде всего интересует userInterfaceStyle которое говорит о текущем режиме.

let color = UIColor < traitCollection ->UIColor in

case .light, .unspecified: return .white

case .dark: return .black

Какие еще есть возможности для создания цвета

Конструкторы для создания UIColor можно разделить на три типа:

для создания в разных пространствах цветов HSB, RGB

для создания UIColor на основе цветов из других нативных фреймворков

для создания на основе паттерна картинки

интересный вариант — создать UIColor на основе картинки .

init(patternImage image: UIImage)

Данный конструктор создает UIColor, при этом мы не задаем цвет, а передаем в качестве основы картинку. В итоге назначив этот цвет, например, тексту UILabel, вы получете интересный эффект — текст будет отображен при помощи паттерна картинки (см. обложку статьи).

Это что же получается — цвет это может быть вовсе не цвет, а паттерн. Получается что цвет в данном случае это скорее «как нам наполнить пространство», чем «каким цветом тут покрасить».

Вывод

Несмотря на то, что UIColor достаточно простой класс, он предоставляет возможности управления цветом в зависимости от текущих параметров. Кроме того, как мы увидели он может задавать не только цвет, но и в целом метод заполнения пространства. В помощь разработчикам Apple дает набор семантических цветов, упрощающих разработку, и позволяющих немного асбтрагировать цвет элементов интерфейса.

Источник