Цветовой цветной: Паронимы «цветной» и «цветовой» — значение и разница слов

Содержание

Паронимы «цветной» и «цветовой» — значение и разница слов

Паронимы «цветной» и «цветовой» — значение и разница слов
  1. Словарь паронимов
  2. Ц
  3. цветной — цветовой

Слова «цветной» и «цветовой» являются паронимами — созвучными и схожими в написании словами, но имеющими разное значение. Слова образуют паронимическую пару части речи имя прилагательное. Тип паронимов: полные. Объясним значение, покажем разницу слов на примерах.

Печатать

Разница в написании и ударении: цветно́й и цветово́й.

цветной


Значение
1. Окрашенный, имеющий какой-либо цвет или цвета, не чёрный, не белый. 2. О людях: принадлежащий не к белой расе.
Примеры словосочетаний
• 1) цветной витраж, линолеум, фонарик;
• цветная гравюра, фотография;
• цветное изображение, телевидение;
• цветной кинофильм;
• цветные диапозитивы, карандаши, флажки;
• цветная обложка, скатерть;
• 2) цветное население.
Примеры предложений
Однажды я взял у Саши баночки с цветной тушью, которые стояли на столе его отца, и решил написать письмо. (А.Приставкин, «Первые цветы»)Босс молча обходил бараки, гасил свет, иногда сбрасывал ударом ноги с койки какого-нибудь «цветного» рабочего — малайца или негра — и шарил под циновкой: искал водку. (К.Паустовский, «Австралиец со станции Пилево»)

цветовой


Значение
Относящийся к цвету, связанный с восприятием цвета.
Примеры словосочетаний
• цветовая окраска, роспись;
• цветовой вариант;
• цветовые оттенки;
• цветовая гамма;
• цветовое решение, соответствие;
• цветовой диссонанс;
• цветовые контрасты, особенности, сочетания;
• цветовой эффект;
• цветовые пятна;
• цветовое впечатление;
• цветовые ощущения;
• цветовая слепота.
Примеры предложений
Несомненно её [картины] красивое цветовое решение, построенное на сочетании тёплой и холодной цветовой гаммы (свет в окне и свечи в комнате) .
… (И.Мямлин, «Юрий Непринцев»)

перевод на английский, синонимы, антонимы, примеры предложений, определение,значение, словосочетания

В богатейших здешних недрах хранятся поразительные по красоте и цветовой гамме минералы. Among the treasures secreted in the soil and rock of the Kola Peninsula, one occasionally encounters stones striking beauty and color.
Дадли страдает от редкого расстройства, сочетающего симптомы амнезии, дислексии и цветовой слепоты. Dudley suffers from a rare disorder combining symptoms of amnesia, dyslexia and color blindness.
Эта камера способна представлять тепловую энергию в виде понятной человеку цветовой шкалы. The camera essentially represents thermal energy by converting it to the color scale we know.
Я собираюсь посадить несколько кустов снаружи, и он дал мне эту в качестве цветовой палитры. I’m having some new bushes planted outside and he gave me that as a color palette.
Теория о том, что цветовой спектр может влиять на эмоции. The theory that changes in the color spectrum can affect emotion.
Увлекательная логическая игра Nookie’s Cookies, немного напоминающая цветовой тетрис: меняя местами соседние элементы, необходимо выстроить горизонтальный или вертикальный ряд, содержаший не менее трех одинаковых элементов, которые после этого исчезают. The game field is a cross filled with a bunch of balls with a free space in the center.
Наконец-то мы с вами можем предложить и цветовой ассортимент. Finally we can give our customers a choice of color.
Проценты не имеют никакой интерпретации, и поэтому зачастую их не отображают, рисуя индикатор сигнала только графически с использованием цветовой палитры. Percents don’t have any interpretation and that is why very often they are not shown picturing signal indicator only graphically with the help of color palette.
Теперь настройки рассчитаны с учетом коррекции цветовой фильтр! Now the settings are inclusive of color correction filter!
Цветом северного сияния можно управлять с помощью этой единственной цветовой панели внизу, и мы изменим его здесь на красный. The color of the Aurora Borealis can be controlled using this single bar of color at the bottom, and we’ll put it down here to red.
Можно выбрать любой элемент цветовой схемы в окне палитры. You may select any member of the color scheme from the color combination box.
В отличие от фильтра «Замена цвета», фильтр «Цветовой диапазон» отображает один цветовой диапазон против другого диапазона. Unlike Exchange filter, Map Color Range maps a defined color range against another defined color range.
Новый цвет появляется в поле просмотра, расположенном непосредственно над полем цветовой модели. The new colour appears in the preview box directly above the colour model box.
Каждый производитель химических веществ может заказывать у изготовителя бочек изделия лишь одной цветовой схемы. A chemical manufacturer may order only one drum colour scheme from the drum manufacturer.
Услуги дизайнера по интерьеру: подбор мебели, светильников, цветовой гаммы, сантехники и необходимых отделочных материалов интерьерного дизайна. Interior designer services: selection of furniture, lightings, colours, plumbing and necessary interior design decoration materials.
На цветовой пластине Цвет уголка задается цвет для обратной стороны загнутого уголка. The color plate Curl Color allows setting the color of the curl’s underside.
Кроме того, с помощью гистограмм, цветовой кодировки и значков можно с легкостью выявить тенденции и закономерности. Or, easily spot trends and patterns with data bars, color coding, and icons.
Воспользуйтесь готовой цветовой темой или создайте собственную. Try out a color-coordinated theme, or create your own.
Определить приоритет действия сервиса и отличить уровни приоритетов обслуживания на основе настраиваемой цветовой схемы. Identify the priority of a service activity, and distinguish among service priority levels based on a color scheme that you set up.
Вот почему на его цветовой палитре будет еще больше тел. Which is why there’ll be a lot more bodies on his color palette.
Цветовой фильтр – это фильтр для веб-страниц, позволяющий улучшить цветовосприятие. Например, с его помощью вы сможете удалить цвета, которые вам мешают. Using the Color Enhancer extension, you can adjust the color in webpages, like removing specific colors that are difficult for you.
и о цветовой гамме наших машин. and snazzier colours for the truck.
Местной рекламой, цветовой коррекцией, сдаём в аренду монтажные студии. Local commercials, um, we do color-correction, we rent out editing suites.
На купольном своде аббатства цветовой орган в эту минуту рисовал тропический закат. On the domed ceiling of the hall, the colour organ had momentarily painted a tropical sunset.
Я вижу мир во всей его цветовой гамме. Hey, I see the world in the full spectrum of colors, you know?
Реальная красота цветовой гаммы… The real beauty is the colour-coding…
У нас есть проблемы серьёзнее, чем её выбор цветовой схемы. We have more to worry about than her choice of colour scheme.
На самом деле, настоящий цветовой пигмент — коричневый, но свет делает его переливчатым. In fact, the actual colour pigment is brown, but it iridesces it.
Если взять две фотографии, полностью идентичные, но с различием в цветовой гамме, и высчитать разницу… If you take two otherwise identical photos, with two different color schemes, compute the difference. ..
Наконец-то мы с вами можем предложить и цветовой ассортимент. Thank you. Finally we can give our customers a choice of color.
Тогда давайте начнет с цветовой палитрой. So, let’s start with a color palette.
Сейчас я собираюсь усилить цветовой баланс и оживить пикселизацию. Now I’m gonna amp up the color balance and brighten the pixelation.
Оно вылилось в церебральную архома-топсию, которая является одним из видов цветовой слепоты. Now, this caused a condition called cerebral achromatopsia, which… is a type of color blindness.
И это действительно два лучших выбора во всей цветовой палитре? Are these really our top-two choices for color palette?
Без бремени романтического подтекста Валентинова Дня, без незавидной цветовой палитры Дня Св.Патти. It doesn’t have the added romantic pressure of Valentine’s Day or the unflattering color palette of St. Patty’s Day.
У собак есть две колбочки, значит они тоже могут, у них нет цветовой слепоты, So dogs have two cones, so they can, they’re not colour blind,
Каждый раз, когда я поднимаю вопрос о цветовой гамме для детской, он меняет тему. Every time I bring up the subject of a color scheme for the nursery, he changes the subject.
Я могу переписать код программы АНБ, чтобы поиск шёл по форме и цветовой схеме, но мне нужна пара секунд. I can modify some code for the NSA software that searches based on shape and color scheme, but I’ll need a second.
Серена только что появилась там в такой же цветовой гамме. Serena just left here in exactly the same color scheme.
Я говорю о новой форме, новых вывесках, новой цветовой гамме. I’m talking new uniforms, new signage, new color scheme.
Они даже не в цветовой гамме! They aren’t even in the color scheme!
Мы говорили о цветовой гамме и об основных темах. Мы хотим изобразить детей всего мира, собравшихся вместе, чтобы срубить деревья для производства бумаги. We were talking about the color schemes and the major themes we want to hit- children of the world coming together, cutting down trees to make paper.
А почтовое отделение, Гарри! Там сотни две сов, не меньше, все сидят на полках, на каждой нанесён цветовой код, в зависимости от того, как быстро надо доставить письмо! “The post office, Harry! About two hundred owls, all sitting on shelves, all color-coded depending on how fast you want your letter to get there!”
Пять цифр и еще цветовой код. Five numbers and a color code, yes
Я собираюсь посадить несколько кустов снаружи, и он дал мне эту в качестве цветовой палитры. I’m having some new bushes planted outside and he gave me that as a color palette.
Что думаешь об этой цветовой палитре? What do you think of these for a color palette?
Давайте посмотрим ответы в цветовой кодировке. Let’s show the answers in a colour-coded sort of way.
Они как цветовой акцент. They’re like a pop of color.
Координаты CIE для цветов 9-го издания стандартной цветовой карты были официально определены в JOSA в 1946 году. The CIE coordinates for the colors of the 9th edition of the Standard Color Card were formally specified in JOSA in 1946.
Корабли класса Венатор первоначально появляются с красной и серой цветовой гаммой Республики. Venator-class ships initially appear with a red and gray Republic color scheme.
Струйные принтеры на основе dry labs выводят отпечатки с относительно широкой цветовой гаммой, хотя цветовая гамма может стабилизироваться через несколько часов после печати, пока чернила полностью высохнут. Inkjet based dry labs output prints with a relatively wide colour gamut although colours may take a few hours to stabilise after printing while the ink fully dries.
Обычно эти знаки используют простой черный на желтом цветовой код, более сложные вывески используют обычные знаки, наложенные на желтый фон. Usually, these signs use a simple black on yellow colour code, more complex signage use the conventional signs superimposed onto a yellow background.
Как правило, такой фактурный цветовой подход делает живопись богаче. Generally, this textured color approach makes a richer painting.
Дисплеи имеют одинаковые размеры и разрешения с iPhone 6S, но с более широкой цветовой гаммой и повышенной яркостью. The displays have identical sizes and resolutions to iPhone 6S, but with a wider color gamut and increased brightness.
200NS, который был временно прекращен в пользу AS200, был вновь представлен как NS200 с обновленной цветовой схемой. The 200NS, which was temporarily discontinued in favor of the AS200, was reintroduced as the NS200 with an updated color scheme.
Платье Mayon выполнено из тюля, инкрустированного кристаллами Swarovski в 12-тоновой цветовой гамме, которая варьировалась от желтого до темно-красного. The Mayon gown is made of tulle encrusted with Swarovski crystals in 12-toned color palette that ranged from yellow to dark red.
Сегодняшний цветовой диктат был установлен только в 1940-х годах, в результате предпочтений американцев, интерпретируемых производителями и розничными торговцами. Today’s color dictate wasn’t established until the 1940s, as a result of Americans’ preferences as interpreted by manufacturers and retailers.
Критики рассматривали тему детского водителя в тематических исследованиях фильма, делая акцент на цветовой символике и развивающейся морали ребенка. Critics have examined Baby Driver’s subject matter in thematic studies of the film, with emphasis on color symbolism and Baby’s evolving morality.
Теория квантовой хромодинамики объясняет, что кварки несут так называемый цветовой заряд, хотя он не имеет никакого отношения к видимому цвету. The theory of quantum chromodynamics explains that quarks carry what is called a color charge, although it has no relation to visible color.
Таким образом, цветовой код или возрастной диапазон не могут быть напрямую сопоставлены из одной страны в другую. Thus a color code or age range cannot be directly compared from one country to another.

Цветовой пересчет CMYK

Фотографический — обычно дает менее насыщенные цвета, чем вариант «Презентация», при печати цветов вне гаммы. Этот стиль сохраняет соотношение тонов в изображениях и масштабирует диапазон тонов оттенков серого в источнике в соответствии с доступным диапазоном тонов в устройстве вывода.

Фотографии, в том числе отсканированные изображения, фотографии из фотобанков на компакт-дисках и цифровые фотографий.

Изображение, контрастность и субъективно воспринимаемый

Презентация — создает насыщенные цвета, которые не имеют точного соответствия отображаемым цветам. Обеспечивает хорошее отображение цветов в пределах гаммы, например телесных цветов. Этот стиль аналогичен цветовому пересчету «Фотографический» и может быть использован для повышения контрастности содержимого оттенков серого.

Изображения и графики на презентациях. Этот стиль можно использовать для смешанных страниц, содержащих иллюстрации и фотографии.

Насыщенность, графика

Относительный колориметрический — обеспечивает трансформацию белой точки между исходной и целевой белой точками. Например, голубовато-белый (серый) цвет монитора заменяется бумажно-белым. Этот стиль устраняет видимые границы между пустыми пространствами и белыми объектами. Относительный колориметрический – это цветовой пересчет по умолчанию для печати с оттенками серого, который лучше всего подходит для сохранения серого.

Широко используется, если важно обеспечить согласование цветов, но белый цвет в документе должен быть напечатан как белый цвет бумаги. Этот стиль также можно использовать совместно с функциями управления цветом PostScript для изменения данных CMYK в целях имитации.

Относительный колориметрический

Абсолютный колориметрический — не обеспечивает трансформации белой точки между исходной и целевой белой точками. Например, голубовато-белый (серый) цвет монитора не заменяется бумажно-белым. Этот стиль обеспечивает ограничение гаммы в деталях в светах и тенях.

Ситуации, когда необходимо точно передать цвета, а видимые границы не являются значительным недостатком. Этот стиль также можно использовать совместно с функциями управления цветом PostScript для изменения данных CMYK в целях имитации.

Когда параметр Цветовой пересчет CMYK установлен на значение Абсолютный колориметрический, он имитирует белый цвет бумаги с помощью значений CMYK, а не просто пропуская при печати белые области страницы. Это действие аналогично эффекту предыдущей функции «Имитация бумаги».

Абсолютный колориметрический

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

Если в исходном содержимом имеются один или два составных красителя, при окончательной печати по-прежнему используются один или два составных красителя. При этом способе цветового пересчета не достигается колориметрическая точность и визуальное соответствие результатам других печатных систем не ожидается. Чистые первичные цвета

Не удается найти страницу | Autodesk Knowledge Network

(* {{l10n_strings.REQUIRED_FIELD}})

{{l10n_strings.CREATE_NEW_COLLECTION}}*

{{l10n_strings.ADD_COLLECTION_DESCRIPTION}}

{{l10n_strings.COLLECTION_DESCRIPTION}} {{addToCollection.description.length}}/500 {{l10n_strings.TAGS}} {{$item}} {{l10n_strings.PRODUCTS}} {{l10n_strings.DRAG_TEXT}}  

{{l10n_strings.DRAG_TEXT_HELP}}

{{l10n_strings.LANGUAGE}} {{$select.selected.display}}

{{article.content_lang.display}}

{{l10n_strings.AUTHOR}}  

{{l10n_strings.AUTHOR_TOOLTIP_TEXT}}

{{$select.selected.display}} {{l10n_strings.CREATE_AND_ADD_TO_COLLECTION_MODAL_BUTTON}} {{l10n_strings.CREATE_A_COLLECTION_ERROR}}

Функция Преобразование цветовой модели (Color Model Conversion)—Справка

Конвертирует цветовую модель изображения из HSV в красный, зелёный и синий (RGB) или наоборот.

Входные данные для этой функции:

  • Входной растр
  • Тип – RGB в HSV или HSV в RGB

Цветовая модель RGB

RGB – это цветовая модель на основе дополнительных первичных цветов. На экране электронно-лучевой трубки (ЭЛТ) каждый пиксел (элемент картинки) состоит из триады цветов люминофора: красный, зелёный и синий. Свет излучается и отображается с интенсивностью, при которой эти цвета проецируются электронной трубкой. Цвета можно просматривать пространственно, используя куб RGB ниже.

  • Red – Задаёт интенсивность красного, как целое число от 0 до 255. Цвет, где красный установлен на 0, задаёт отсутствие цвета и не излучает красного. Цвет, где красный установлен на 255, окажется ярко красным или полностью насыщенным.
  • Green – Задаёт интенсивность зелёного, как целое число от 0 до 255. Цвет, где зелёный установлен на 0, задаёт отсутствие цвета и не излучает зелёного. Цвет, где зеленый установлен на 255, окажется ярко зеленым или полностью насыщенным.
  • Blue – Задаёт интенсивность синего, как целое число от 0 до 255. Цвет, где синий установлен на 0, задаёт отсутствие цвета и не излучает синего. Цвет, где синий установлен на 255, окажется ярко синим или полностью насыщенным.

В цветовой модели RGB, чисто серые оттенки получены путём комбинирования равных количеств всех трёх значений цветов: красного, зелёного и синего. Если все эти три значения установлены на 255 (255,255,255), цвет будет белым, и наоборот, если все три значения цвета установлены на 0, цвет будет черным. Таким образом, для оттенков серого остается от 1 до 254 доступных значений. Человеческий глаз различает приблизительно 20 оттенков серого.

Цветовая модель HSV

Цветовая модель HSV основана на системе цветов, в которой цветовое пространство представлено одним конусом. Три компонента конуса следующие: тон, насыщенность и значение.

  • Тон (Hue) – Задаёт тон (цвет), на который будет установлен цвет. Тон дается как целое число от 0 до 240. Этот диапазон выбран из диапазона значений от 0° до 360°, в котором тон задается как угол поворота против часовой стрелки вокруг конуса цвета. Первичный и вторичный цвета имеют следующие значения тона: красный = 0 (0°), желтый = 40 (60°), зеленый = 80 (120°), голубой = 120 (180°), синий = 160 (240°) и пурпурный = 201 (300°).
  • Насыщенность (Saturation) – Задаёт интенсивность насыщенности, на которую будет установлен цвет. Насыщенность задается как целое от 0 до 255 (от 0 до 100 процентов). Насыщенность цвета соотносится с экстентом, на который она распространяется от такого нейтрального цвета, как серый, или, проще говоря, обозначает красочность. Если насыщенность равна 255, цвет полностью насыщен. Если насыщенность равна 0, цвет ненасыщенный, он будет серым (если не задано значение 0 или 255, тогда он будет черным или белым соответственно).
  • Значение (Value) – Задаёт интенсивность белого в цвете. Значение задается как целое от 0 до 255 (от 0 до 100 процентов). Цвет со значением 0 проявляется как черный. Цвет, значение которого установлено на 255, а насыщенность – на 0, будет белым.

Связанные темы

Отзыв по этому разделу?

пошаговое фото цветовой коррекции с помощью цветных корректоров

Зачем нужны сиреневые, желтые и розовые корректоры? Показываем на схеме

Цветные корректоры – не новшество на бьюти-рынке, но пользоваться ими умеют далеко не все. С помощью этого средства можно маскировать покраснения, темные круги под глазами, пигментные пятна и другие мелкие недостатки кожи, а также корректировать форму лица. Пока палетка цветных корректоров лежит далеко не в каждой косметичке – кажется, что пользоваться ей очень сложно. Коррекция лица – это не так сложно, как вам кажется. Мы решили упростить вам задачу и составили инструкцию, которая объясняет, для чего нужен каждый корректор.

1

Оранжевый корректор

© Makeup.ru

Идеален для смуглой кожи: с его помощью можно скрыть пигментные пятна, коричневатые круги под глазами и другие темные пятна. Кроме того, он способен немного высветлить темные носогубные складки и зону в уголках губ. Оранжевый корректор также нейтрализует синий оттенок, в том числе синие круги под глазами или любые другие синяки.

2

Зеленый корректор

© Makeup.ru

Зеленый – цвет, который лучше всего нейтрализует красноту, поэтому с помощью зеленого консилера маскируйте прыщи, сосудистую сетку и красноватый цвет лица. Чтобы скрыть более серьезные недостатки (например, солнечный ожог), смешайте зеленый корректор с тональным средством и нанесите на проблемную зону. Обратите внимание, что зеленый консилер лучше использовать только в том случае, если покраснения очень явные, а с легкими покраснениями, воспалениями и капиллярами справится и обычный корректор с хорошей перекрывающей способностью.

3

Сиреневый корректор

© Makeup.ru

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

4

Желтый корректор

© Makeup.ru

Желтые маскирующие средства хорошо подходят для нейтрализации и осветления пурпурных и синих пятен (например, свежих синяков), а также темных шрамов и следов от акне. Если у вас на коже небольшие покраснения, попробуйте использовать вместо желтого консилера тональный крем с желтоватым подтоном.

5

Розовый корректор

© Makeup.ru

Маскирует темные круги под глазами: скрывает синий, зеленый и фиолетовый цвета – именно таких оттенков темные круги под глазами у людей со светлой и кожей средних тонов. Если у вас бледная кожа, выбирайте лососевый оттенок, а персиковый – для оливковой или коричневой коже. На бледной коже он также может корректировать пигментные пятна.

Павел Косенко. Как научиться видеть цвет


Мастер-класс гуру цветной фотографии Павла Косенко для тех, кто хочет научиться видеть цвет, снимать и обрабатывать цветные фотографии. 

Широко распространено мнение, что хороший цвет фотографии приобретают в Adobe Photoshop. Это, конечно, не так, хотя компьютерная обработка способна подчеркнуть достоинства снимков. Однако, для получения хорошего цвета, его необходимо сфотографировать. А перед этим — увидеть. Именно в этом кроется «секрет» мировых шедевров цветной фотографии.

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

  • Что такое хороший цвет? 
  • Чем отличается цветная фотография от фотографии, сделанной на цветной фотоаппарат? 
  • Как научиться видеть цвет и передавать цветовые ощущения в фотографии? 
  • В чем заключаются «секреты» обработки фотографий? 
  • Как настроить фотоаппарат для получения более эффектных цветных снимков? 
  • Почему на плёнку цвет получается лучше и как это использовать в цифровой фотографии?

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

Программа мастер-класса предусматривает выполнение визуальных упражнений и прохождение специального теста, с помощью которого каждый участник сможет самостоятельно оценить для себя его пользу.
Длительность мастер-класса 6 часов.

 

Отзывы о курсе

 

Программа мастер-класса

Часть 1. Теория цвета
Что такое хороший цвет? Цвет, глаз и мозг. Восприятие цвета. Цветовые иллюзии и впечатления. Почему не бывает «честного» цвета. Цветовой круг — самый бесполезный инструмент фотографа. Что такое цветовая гармония и как ее достичь. Вариативность и валёры. Почему хорошо — это плохо, а плохо — это хорошо. Возраст и визуальный опыт наблюдателя. Цветовое взросление.

Часть 2. Цветовое мышление
Куда смотреть, чтобы увидеть цвет? Взаимосвязь цвета и композиции. Crop — основной иструмент цветного фотографа. Как снимать цвет? Особенности освещения, отражения и смешения цветов, работы с цветными объектами. Почему «режимное время» — удел новичков и дилетантов. Как эффектно снимать при вертикальном солнце и в пасмурную погоду.

Часть 3. Развитие цветового видения
Развитие чувства цвета. Основные колористические традиции. Цвет в изобразительном искусстве, современной фотографии и кино. Ретроцвет — технологии и искусство. Эстетика пленочной фотографии. Почему «пленочные» фильтры и пресеты — это обман. Почему не надо имитировать пленку. Как добиться ощущения живого цвета в цифровой фотографии.

Часть 4. Приемы и хитрости обработки фотографий
Проблемы цвета в цифровой фотографии. Системный подход к современной обработке фотографий. Ключевые инструменты в Adobe Photoshop и последовательность действий. Быстрые и легкие способы качественной обработки. Хитрости и приемы обработки. Примеры.


 
Павел Косенко
преподаватель Фотограф, исследователь цвета, автор многочисленных статей, посвященных вопросам фотосъемки и обработки фотографий. Автор бестселлера «Живая цифра».  Один из основателей творческой лаборатории «Среда».  Автор и ведущий популярного блога о фотографии и путешествиях.
Сайт: pavelkosenko.com

Работы Павла Косенко:


Color — MUI

Передайте смысл через цвет. По умолчанию вы получаете доступ ко всем цветам в руководстве по материальному дизайну.

Цветовую систему Material Design можно использовать для создания цветовой темы, отражающей ваш бренд или стиль.

Выбор цветов

Официальный инструмент цвета

Команда Material Design также создала замечательный инструмент настройки палитры: material.io/resources/color/. Это может помочь вам создать цветовую палитру для вашего пользовательского интерфейса, а также измерить уровень доступности любой цветовой комбинации.

Вывод может быть передан в функцию createTheme () :

  импортировать {createTheme} из '@ mui / material / styles';

const theme = createTheme ({
  palette: {
    начальный: {
      свет: '# 757ce8',
      основная: '# 3f50b5',
      темно: '# 002884',
      ContraText: '#fff',
    },
    вторичный: {
      свет: '# ff7961',
      основная: '# f44336',
      темно: '# ba000d',
      ContraText: '# 000',
    },
  },
});
  

Детская площадка

Для тестирования материала.io / дизайн / цветовая схема с документацией MUI, просто выберите цвета с помощью палитры и ползунков ниже. Кроме того, вы можете ввести шестнадцатеричные значения в основные и дополнительные текстовые поля.

 {
  palette: {
    основной: синий,
    вторичный: розовый,
  },
} 

Установить цвета документов Сбросить цвета документов

Результат, показанный в примере цвета, можно вставить непосредственно в функцию createTheme () (для использования с ThemeProvider ):

  импортировать {createTheme} из '@ mui / material / styles';
импортировать {фиолетовый} из '@ mui / material / colors';

const theme = createTheme ({
  palette: {
    начальный: {
      основной: фиолетовый [500],
    },
    вторичный: {
      основная: '# f44336',
    },
  },
});
  

Необходимо предоставить только основных оттенков (если вы не хотите дополнительно настроить светлый , темный или ContrastText ), так как другие цвета будут рассчитаны с помощью createTheme () , как описано в настройке темы раздел.

Если вы используете основные и / или второстепенные оттенки по умолчанию, тогда, предоставляя цветной объект, createTheme () будет использовать соответствующие оттенки из цвета материала для основного, светлого и темного.

  • create-mui-theme: это онлайн-инструмент для создания тем MUI с помощью Material Design Color Tool.
  • mui-theme-creator: инструмент, помогающий разрабатывать и настраивать темы для библиотеки компонентов MUI. Включает в себя базовые шаблоны сайтов, чтобы показать различные компоненты и то, как на них влияет тема
  • Генератор палитры материалов: Генератор палитры материалов можно использовать для создания палитры для любого цвета, который вы вводите.

2014 Цветовые палитры Material Design

Эти цветовые палитры, первоначально созданные Material Design в 2014 году, состоят из цветов, которые гармонично сочетаются друг с другом, и могут использоваться для разработки палитры вашего бренда. Чтобы создать свои собственные гармоничные палитры, используйте инструмент создания палитры.

Важные термины

  • Палитра : Палитра — это совокупность цветов, то есть оттенков и их оттенков. MUI предоставляет все цвета из руководств по материальному дизайну.Эта цветовая палитра была разработана с использованием цветов, которые гармонично сочетаются друг с другом.
  • Оттенок и оттенок : один цвет в палитре состоит из оттенка, например «красный», и оттенка, например «500». «красный 50» — самый светлый оттенок красного ( розовый! ), а «красный 900» — самый темный. Кроме того, большинство оттенков имеют «акцентные» оттенки с префиксом A .

Цветовая палитра

Дана HUE (красный, розовый и т. Д.) И SHADE (500, 600 и т. Д.).) вы можете импортировать цвет следующим образом:

  импорт {красный} из '@ mui / material / colors';

const color = красный [500];
  
  • красный

    500 # f44336

  • 50 # ffebee

  • 100 # ffcdd2

  • 200 # ef9a9a

  • 300 # e57373

  • # e57373

    # f44336

  • 600 # e53935

  • 700 # d32f2f

  • 800 # c62828

  • 900 # b71c1c

  • A100 # ff8a80

    00
  • A100 # ff8a80

    00
  • # ff8a80

    00
  • ff1744

  • A700 # d50000

  • розовый

    500 # e91e63

  • 50 # fce4ec

  • 100 # f8bbd0

  • 100 # f8bbd0

  • 300 # f8bbd0

  • 200

  • 400 # ec407a

  • 500 # e91e63

  • 600 # d81b60

  • 700 # c2185b

  • 800 # ad1457

  • 900 # 880e4f

  • A100 # ff80ab

  • A200 # ff4081

  • A400 # f50057

  • A700 # c51162

  • A700 # c51162

    4 955000

    955

    A700 2

  • 50 # f3e5f5

  • 100 # e1bee7

  • 200 # ce93d8

  • 300 # ba68c8

  • 400 # ab47bc

  • 400 #

  • 4e

  • 700 # 7b1fa2

  • 800 # 6a1b9a

  • 900 # 4a148c

  • A100 # ea80fc

  • A200 # e040fb

  • A200 # e040fb

  • 3 a500002
  • 6

    6
  • глубокий фиолетовый

    500 # 673ab7

  • 50 # ede7f6

  • 100 # d1c4e9

  • 200 # b39ddb

  • 300 # 9575cd

  • 400 # 7e57c2

  • 500 # 673ab7

  • 600 # 5e35b1

  • 700 # 512da8

  • #
  • 700 # 512da8

  • #
  • 700 # 311b92

  • A100 # b388ff #

  • A200 # 7c4dff

  • A400 # 651fff

  • A700 # 6200ea

  • indigo

    f9005

  • indigo

    f0005

  • 100 # c5cae9

  • 200 # 9fa8da

  • 300 # 7986cb

  • 400 # 5c6bc0

  • 500 # 3f51b5

  • 500 # 3f51b5

  • 600 # 3

  • 600000

  • 800 # 283593

  • 900 # 1a237e

  • A100 # 8c9eff

  • A200 # 536dfe

  • A40 0 # 3d5afe

  • A700 # 304ffe

  • синий

    500 # 2196f3

  • 50 # e3f2fd

  • 100 # bbdefb

  • 2003

  • 64b5f6

  • 400 # 42a5f5

  • 500 # 2196f3

  • 600 # 1e88e5

  • 700 # 1976d2

  • 800 # 1565c0

  • 2

    800 # 1565c0

  • 2

    800 # 1565c0

  • 2

    6

  • A200 # 448aff

  • A400 # 2979ff

  • A700 # 2962ff

  • lightBlue

    500 # 03a9f4

  • f 1000003
  • f 1000003 50 # e1
  • 200 # 81d4fa

  • 300 # 4fc3f7

  • 400 # 29b6f6

  • 500 # 03a9f4

  • 600 # 039be5

  • 700 # 0288d1

  • 800 # 0277bd

  • 900 # 01579b

  • A100 # 80d8ff

  • A200 # 40c4ff

  • A200 # 40c4ff

  • 0091

    A200 # 40c4ff

    0091

  • голубой

    500 # 00bcd4

  • 50 # e0f7fa

  • 100 # b2ebf2

  • 200 # 80deea

  • 200 # 80deea

  • 200 # 80deea

  • 300 # 4

  • 500 # 00bcd4

  • 600 # 00acc1

  • 700 # 0097a7

  • 800 # 00838f

  • 900 # 006064

  • A100 # 84ff55

  • ff

    A400 # 00e5ff

  • A700 # 00b8d4

  • бирюзовый

    500 # 009688

  • 50 # e0f2 f1

  • 100 # b2dfdb

  • 200 # 80cbc4

  • 300 # 4db6ac

  • 400 # 26a69a

  • 500 # 009688

  • 00558

    500 # 009688

    00558

    6

    5

  • 800 # 00695c

  • 900 # 004d40

  • A100 # a7ffeb

  • A200 # 64ffda

  • A400 # 1de9b6

  • 0055

    0

    0

  • A7002 A700 зеленый

    500 # 4caf50

  • 50 # e8f5e9

  • 100 # c8e6c9

  • 200 # a5d6a7

  • 300 # 81c784

  • 300 # 81c784

  • 400 # 81c784

  • 400 # 66bb

    600 # 43a047

  • 700 # 388e3c

  • 800 # 2e7d32

  • 900 # 1b5e20

  • A100 # b9f6ca 900 03

  • A200 # 69f0ae

  • A400 # 00e676

  • A700 # 00c853

  • светозеленый

    500 # 8bc34a

  • 56 #

  • 509 fced

  • 200 # c5e1a5

  • 300 # aed581

  • 400 # 9ccc65

  • 500 # 8bc34a

  • 600 # 7cb342

  • 7003 # 689f38

    02

    03
  • 9558

    700 # 689f38

    700 # 689f38

    700000

    900 # 33691e

  • A100 # ccff90

  • A200 # b2ff59

  • A400 # 76ff03

  • A700 # 64dd17

  • A700 # 64dd17

  • 5000003

  • лайм

    # f9fbe7

  • 100 # f0f4c3

  • 200 # e6ee9c

  • 300 # dce775

  • 400 # d4e157 90 003

  • 500 # cddc39

  • 600 # c0ca33

  • 700 # afb42b

  • 800 # 9e9d24

  • 900 # 827717

  • 9000ff2

    900 # f4000e

  • A400 # c6ff00

  • A700 # aeea00

  • желтый

    500 # ffeb3b

  • 50 # fffde7

  • 100000ffd2

  • 100 # fff9 20056

    300 # fff176

  • 400 # ffee58

  • 500 # ffeb3b

  • 600 # fdd835

  • 700 # fbc02d

  • 800 # f9a825

    0

    800 # f9a825

  • A100 # ffff8d

  • A200 # ffff00

  • A400 # ffea00

  • A700 # ffd600

  • a mber

    500 # ffc107

  • 50 # fff8e1

  • 100 # ffecb3

  • 200 # ffe082

  • 300 # ffd54f

  • f

    82 400 # ffd54f

  • 82 400 # ffd54f

  • 82 400

  • 600 # ffb300

  • 700 # ffa000

  • 800 # ff8f00

  • 900 # ff6f00

  • A100 # ffe57f

  • A20030002 900 # ffd

  • A2003000 A4

  • A700 # ffab00

  • оранжевый

    500 # ff9800

  • 50 # fff3e0

  • 100 # ffe0b2

  • 200 # ffcc3000

  • 400 # ffa726

  • 500 # ff9800

  • 600 # fb8c00

  • 700 # f57c00

  • 800 # ef6c00

    90 056
  • 900 # e65100

  • A100 # ffd180

  • A200 # ffab40

  • A400 # ff9100

  • A700 # ff6d00

  • 0 f

    50 # fbe9e7

  • 100 # ffccbc

  • 200 # ffab91

  • 300 # ff8a65

  • 400 # ff7043

  • 500 # ff57322

    6
  • 500 # ff5722

    05 700 # e64a19

  • 800 # d84315

  • 900 # bf360c

  • A100 # ff9e80

  • A200 # ff6e40

  • A400 # ff3d00

  • A400 # ff3d00

    коричневый

    500 # 795548

  • 50 # efebe9

  • 100 # d7ccc8

  • 200 # bcaaa4

  • 300 # a1887f

  • 400 # 8d6e63

  • 500 # 795548

  • 600 # 6d4c41

  • 700 # 5d4037

  • 800 # 4e342e

    800 # 4e342e

  • A100 # d7ccc8

  • A200 # bcaaa4

  • A400 # 8d6e63

  • A700 # 5d4037

  • серый

    50055 # 9e9e9e9e9 100 # f5f5f5

  • 200 # eeeeee

  • 300 # e0e0e0

  • 400 # bdbdbd

  • 500 # 9e9e9e

  • 600 # 7575375 6 # 424242

  • 900 # 212121

  • A100 # f5f5f5

  • A200 # eeeeee

  • A400 # bdbdbd

    9005 6
  • A700 # 616161

  • blueGrey

    500 # 607d8b

  • 50 # eceff1

  • 100 # cfd8dc

  • 52 200 # b055

    0

    0

    200a

    400 # 78909c

  • 500 # 607d8b

  • 600 # 546e7a

  • 700 # 455a64

  • 800 # 37474f

  • 900 # 263238

  • A200 # b0bec5

  • A400 # 78909c

  • A700 # 455a64

Примеры

Например, вы можете ссылаться на дополнительные основные и акцентные цвета, «красный 500» и «фиолетовый A200», например:

  импорт {фиолетовый, красный} из '@ mui / material / colors';

const primary = красный [500];
const accent = фиолетовый ['A200'];
const accent = фиолетовый.A200;
  

Понимание критерия успеха 1.4.1 | Понимание WCAG 2.0

1.4.1 Использование цвета: Цвет не используется как единственное визуальное средство передачи информации, указания действия, побуждения к ответу или выделения визуального элемента. (Уровень А)

Примечание: Этот критерий успеха конкретно касается цветового восприятия. Другие формы восприятия описаны в Руководстве 1 .3 , включая программный доступ к цветному и другому кодированию визуального представления.

Цель этого критерия успеха

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

Цвет является важным активом в дизайне веб-контента, повышая его эстетическую привлекательность, удобство использования и доступность. Однако у некоторых пользователей возникают трудности с восприятием цвета. Люди с частичным зрением часто испытывают ограниченное цветовое зрение, а многие пожилые пользователи плохо видят цвета. Кроме того, люди, использующие только текстовые, цветные или монохромные дисплеи и браузеры, не смогут получить доступ к информации, которая представлена ​​только в цвете.

Примеры информации, передаваемой различиями в цвете: «обязательные поля красные», «ошибка отображается красным» и «продажи Мэри — красным, Тома — синим». Примеры указаний на действие включают: использование цвета для указывает, что ссылка откроется в новом окне или что запись в базе данных была успешно обновлена. Примером запроса ответа может быть: использование выделения в полях формы, чтобы указать, что обязательное поле было оставлено пустым.

Примечание: Это никоим образом не должно препятствовать использованию цвета на странице или даже цветовому кодированию, если оно дублирует другие визуальные обозначения.

Конкретные преимущества критерия успеха 1.4.1:

  • Пользователи с частичным зрением часто имеют ограниченное цветовое зрение.

  • Некоторые пожилые пользователи могут плохо видеть цвета.

  • Пользователи, страдающие дальтонизмом, получают преимущество, когда информация, передаваемая с помощью цвета, доступна другими визуальными способами.

  • Люди, использующие только текстовые, ограниченные цветные или монохромные дисплеи, могут не иметь доступа к информации, зависящей от цвета.

  • Пользователи, у которых есть проблемы с различением цветов, могут смотреть или слушать текстовые подсказки.

  • Люди, использующие дисплеи Брайля или другие тактильные интерфейсы, могут обнаруживать текстовые подсказки на ощупь.

Примеры критерия успеха 1.4.1

  • Форма, в которой используются цвет и текст для обозначения обязательных полей

    Форма содержит как обязательные, так и необязательные поля. Инструкции в верхней части формы объясняют, что обязательные поля помечены красным текстом, а также значком, альтернативный текст которого гласит: «Обязательно.»И красный текст, и значок программно связаны с соответствующими полями формы, чтобы пользователи вспомогательных технологий могли определять необходимые поля.

  • Обследование.

    Учащиеся просматривают SVG-изображение химического соединения и определяют присутствующие химические элементы на основе цветов и чисел, используемых на диаграмме. Альтернативы текста, связанные с каждым элементом, называют цвет элемента и указывают положение элемента на диаграмме.Студенты, которые не могут воспринимать цвет, имеют ту же информацию о соединении, что и их одноклассники. (Этот метод также соответствует требованиям Руководства 1.1, уровень A.)

  • Отключенные элементы формы.

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

Связанные ресурсы

Ресурсы предназначены только для информационных целей, без какой-либо поддержки.

Методы и неудачи для критерия успеха 1.4.1 — Использование цвета

Каждый пронумерованный элемент в этом разделе представляет метод или комбинацию методов, которые рабочая группа WCAG считает достаточными для соответствия этому критерию успеха.Однако нет необходимости использовать именно эти методы. Для получения информации об использовании других методов см. Понимание методов для критериев успеха WCAG, особенно в разделе «Другие методы».

Достаточные методы

Инструкции: Выберите ситуацию ниже, которая соответствует вашему содержанию. Каждая ситуация включает в себя методы или комбинации методов, которые известны и задокументированы как достаточные для данной ситуации.

Дополнительные методы (рекомендации) для 1.4.1

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

Общие ошибки для

SC 1.4.1

Ниже приведены распространенные ошибки, которые рабочая группа WCAG считает ошибками Критерия успеха 1.4.1.

Приложение Paint Color Matching: ColorSnap® Paint Color App

Paint Color Matching App: ColorSnap® Paint Color App — Sherwin-Williams Диалог сообщений Показать сообщение об обновлении

МОМЕНТАЛЬНАЯ КРАСКА

Новейшая версия ColorSnap ® Visualizer для мобильных устройств объединяет передовые возможности дополненной реальности (AR) под названием Instant Paint .Эта функция обеспечивает быстрый и плавный способ визуализации любого из наших 1700 цветов на стенах в режиме реального времени. С легкостью создавайте собственные палитры, сохраняйте цвета, пробуйте разные цветовые варианты и делитесь результатами различными способами.

Это самое инновационное обновление, которое позволяет быстрее и увереннее выбирать цвета.

СОЗДАТЬ ФОТО ИЛИ ПИН-код

Сопоставьте фотографии, чтобы подобрать цвета краски. Просто нажмите в любом месте фотографии и перетащите, чтобы найти нужный цвет краски Sherwin-Williams.

КАЛЕЙДОСКОП

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

ПОВЕРНУТЬ, ЧТОБЫ НАЙТИ

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

НОМЕР ЦВЕТА СКАНИРОВАНИЯ

Превратите любое цветовое число Шервина-Вильямса в нарисованный образец сцены. Отсканируйте одну из наших цветных карточек или попробуйте ее везде, где отображаются наши номера цветов.

ДНЕВНОЕ И НОЧНОЕ ОСВЕЩЕНИЕ

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

ПОДЕЛИТЬСЯ #SWCOLORLOVE

Загрузите свои вдохновляющие цвета и нарисованные сцены на Sherwin-Williams.com прямо из приложения или поделитесь в социальных сетях, отметив свои фотографии тегом #SWColorLove.

КАЛЬКУЛЯТОР КРАСКИ

Просто введите размеры области, которую вы рисуете, и ColorSnap определит, сколько краски вам нужно.

Дополнительные возможности ColorSnap

® Visualizer:
  • Посмотреть другие и похожие цвета
  • Доступ к значениям RGB и LRV
  • Сохраните цвета в учетной записи PaintPerks ®
  • Найти магазин
  • Канада

  • Мексика

  • Общая информация

    Наши продукты доступны по всей Южной Америке, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Аргентина

    Наши продукты доступны по всей Южной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Бразилия

    Наши продукты доступны по всей Южной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Чили

    Наши продукты доступны по всей Южной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Колумбия

    Наши продукты доступны по всей Южной Америке, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Эквадор

    Наши продукты доступны по всей Южной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Уругвай

    Наши продукты доступны по всей Южной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Общая информация

    Наши продукты доступны по всей Центральной Америке, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Коста-Рика

    Наши продукты доступны по всей Центральной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Сальвадор

    Наши продукты доступны по всей Центральной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Гватемала

    Наши продукты доступны по всей Центральной Америке, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Гондурас

    Наши продукты доступны по всей Центральной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Мексика

    Наши продукты доступны по всей Центральной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Никарагуа

    Наши продукты доступны по всей Центральной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Панама

    Наши продукты доступны по всей Центральной Америке, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Общая информация

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Багамы

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Bermuda

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Бонайре, Синт-Эстатиус и Саба

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Каймановы острова

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Доминиканская Республика

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Гаити

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Ямайка

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Пуэрто-Рико

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Сент-Китс и Невис

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Острова Теркс и Кайкос

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Виргинские острова (Британские)

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Другие островные страны Карибского бассейна

    Наши продукты доступны по всему Карибскому региону, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Общая информация

    Наши продукты доступны во всем Азиатско-Тихоокеанском регионе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Китай

    Наши продукты доступны во всем Азиатско-Тихоокеанском регионе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Индонезия

    Наши продукты доступны во всем Азиатско-Тихоокеанском регионе, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Япония

    Наши продукты доступны во всем Азиатско-Тихоокеанском регионе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Малайзия

    Наши продукты доступны во всем Азиатско-Тихоокеанском регионе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Сингапур

    Наши продукты доступны во всем Азиатско-Тихоокеанском регионе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Южная Корея

    Наши продукты доступны во всем Азиатско-Тихоокеанском регионе, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Таиланд

    Наши продукты доступны во всем Азиатско-Тихоокеанском регионе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Вьетнам

    Наши продукты доступны во всем Азиатско-Тихоокеанском регионе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Общая информация

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Хорватия

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Кипр

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Чешская Республика

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Дания

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

    Общепромышленные покрытия

    Danske

    Промышленные покрытия для древесины

    Danske

    Упаковочные покрытия

    Английский

    Защитные и морские покрытия

    Danske

  • Финляндия

    свяжитесь с нами по адресу globalsales @ sherwin.com.

    General Industrial Coatings

    Suomi

    Industrial Wood Coatings

    Suomi

    Packaging Coatings

    English

    Protective & Marine Coatings

    Suomi

  • France

    Наши местоположения доступны по всей Европе или по всей Европе. свяжитесь с нами по адресу [email protected]

  • Германия

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Венгрия

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Италия

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Литва

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Норвегия

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

    General Industrial Coatings

    Norsk

    Industrial Wood Coatings

    Norsk

    Packaging Coatings

    Английский

    Защитные и морские покрытия

    Nynorsk

  • Польша

    свяжитесь с нами по адресу [email protected]

    General Industrial Coatings

    Polski

    Industrial Wood Coatings

    Polski

    Packaging Coatings

    English

    Protective & Marine Coatings

    Polski

  • Portugal

    Наши продукты доступны по всей Европе. свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Румыния

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Россия

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Сербия

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Словакия

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Словения

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Испания

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Швеция

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Украина

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу globalsales @ sherwin.com.

  • Великобритания

    Наши продукты доступны по всей Европе, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Ближний Восток

    Наши продукты доступны по всему Ближнему Востоку, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • Австралия

    Наши продукты доступны по всей Австралии, см. Адреса ниже или свяжитесь с нами по адресу [email protected]

  • сгенерировано: Пт 10 сентября 00:50:35 UTC 2021

    Хост: tsapp-5bf5d4f96f-vt599

    Порт сервера: 443

    Локальный порт: 5443

    Экземпляр: server1

    Создание этой страницы заняло 0 миллисекунд.

    Создание пользовательских цветовых палитр — Таблица

    2 # a2a2a2 # b2b2b2 # c3c3c3
    Имя палитры версии 9.x Детали Версия 9.x HEX значения

    Таблица 10

    Названо Tableau Classic 10 в версии 10.0 и выше.


    # 17becf # bcbd22 # 7f7f7f # e377c2 # 8c564b # 9467bd # d62728 # 2ca02c # ff7f0e # 1f77b4

    Tableau 10, средний

    Названный Tableau Classic Medium в версии 10.0 и выше.


    # 6dccda # cdcc5d # a2a2a2 # ed97ca # a8786e # ad8bc9 # ed665d # 67bf5c # ff9e4a # 729ece

    Tableau 10 Light

    Снято с производства.


    # 9edae5 # dbdb8d # c7c7c7 # f7b6d2 # c49c94 # c5b0d5 # ff9896 # 98df8a # ffbb78 # aec7e8

    Таблица 20

    Названо Tableau Classic 20 в версии 10.0 и выше.

    # 9edae5 # 17becf # dbdb8d # bcbd22 # c7c7c7 # 7f7f7f # f7b6d2 # e377c2 # c49c94 # 8c564b # c5b0d5 # 9467bd # ff9896 # d62728 # 98df8a # 2ca02c # ffbb78 # ff7f0e # aec7e8 # 1f77b4

    Серый 5

    Снято с производства.

    Проверьте Seattle Grays в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.

    #cfcfcf # 8f8782 # 414451 # a5acaf # 60636a

    Дальтоники 10

    Снято с производства.

    Проверьте Color Blind в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.


    #cfcfcf # ffbc79 # a2c8ec # 898989 # c85200 # 5f9ed1 # 595959 #ababab # ff800e # 006ba4

    Светофор

    Снято с производства.

    Проверьте «Светофор» в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.


    # 9fcd99 # ffdd71 # f26c64 # 69b764 # ffc156 # d82526 # 309343 # dba13a # b10318

    Пурпурно-серый 6

    Снято с производства.


    # d7d5c5 # d098ee # 995688 # 94917b # dc5fbd # 7b66d2

    Пурпурно-серый 12

    Снято с производства.

    Проверьте Purple-Pink-Grey в версии 10.0 и выше для получения обновленной версии этой палитры.


    # dbd4c5 # 8b7c6e # d098ee # ab6ad5 # d898ba # 995688 # b4b19b # 5f5a41 # ffc0da # dc5fbd # a699e8 # 7b66d2

    Зелено-оранжевый 6

    Снято с производства.


    # b85a0d # 39737c # ffd94a # 3cb7cc # ff7f0f # 32a251

    Зелено-оранжевый 12

    Снято с производства.

    Проверьте Green-Orange-Teal в версии 10.0 и выше для получения обновленной версии этой палитры.


    # ccc94d # 82853b # 86b4a9 # 39737c # ffd94a # b85a0d # 98d9e4 # 3cb7cc # ffb977 # ff7f0f # acd98d # 32a251

    Сине-красный 6

    Снято с производства.


    # e9c39b # ea6b73 # 6ba3d6 # ac613c # f02720 # 2c69b0

    Сине-красный 12

    Снято с производства.

    Проверьте Blue-Red-Brown в версии 10.0 и выше для получения обновленной версии этой палитры.


    # f4737a # bd0a36 # ddc9b4 # ac8763 # b5dffd # 6ba3d6 # e9c39b # ac613c # ffb6b0 # f02720 # b5c8e2 # 2c69b0

    Циклический

    Снято с производства.

    Проверьте Hue Circle в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.


    # 6f63bb # 8a60b0 # ba43b4 # c7519c # d63a3a # ff7f0e # ffaa0e # ffbf50 # bcbd22 # 78a641 # 2ca030 # 12a2a8 # 1f83b4

    Зеленый

    Снято с производства.

    Проверьте Green в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.


    # 09622a # 1a7232 # 27823b # 339444 # 69a761 # 94bb83 # bccfb4

    Серый

    Снято с производства.

    Проверьте серый в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.


    # 1e1e1e # 282828 # 333333 # 3f3f3f # 4b4b4b # 585858 # 666666 # 747474 # 838383 #

    Синий

    Снято с производства.

    Проверьте Blue в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.


    # 26456e # 1c5998 # 1c73b1 # 3a87b7 # 67add4 # 7bc8e2 # b4d4da

    Красный

    Снято с производства.

    Проверьте Red в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.


    # 9c0824 # b10c1d # c21417 # cf1719 # d8392c # e35745 # f57667 # f89a90 # eac0bd

    Оранжевый

    Снято с производства.

    Проверьте Orange в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.


    # 7b3014 # a33202 # d74401 # f06511 # fd8938 # fdab67 # f0c294

    Площадь Красный

    Снято с производства.


    # bd1100 # c92b14 # d43e25 # e04e35 # ea5e45 # f46b55 # fd7864 # fe8b7a # fd9c8f # fbb3ab # f5cac7

    Район Зеленый

    Снято с производства.


    # 3c8200 # 4a8c1c # 569735 # 60a24d # 6cae59 # 7abc5f # 8ac765 # 9ad26d # acdc7a # c3e394 # dbe8b4

    Район Коричневый

    Снято с производства.


    # bb5137 # bb6348 # bb7359 # c08262 # cc8f63 # d89c63 # e4aa63 # f0b763 # f7c577 # f6d29c # f3e0c2

    Красно-зеленые расходящиеся

    Снято с производства.

    Проверьте Red-Green Diverging в версии 10.0 и выше, чтобы узнать об обновленной версии этой палитры.


    # 09622a # 1e7735 # 2f8e41 # 69a761 # a2c18f #cacaca # fc8375 # df513f # d11719 # bd1316 # 9c0824

    Красно-синие расходящиеся

    Снято с производства.

    Проверьте Red-Blue Diverging в версии 10.0 и выше, чтобы узнать об обновленной версии этой палитры.


    # 26456e # 1c5998 # 1c73b1 # 3a87b7 # 67add4 #cacaca # fc8375 # df513f # d11719 # bd1316 # 9c0824

    Красно-черный расходящийся

    Снято с производства.

    Проверьте Red-Black Diverging в версии 10.0 и выше, чтобы узнать об обновленной версии этой палитры.


    # 1e1e1e # 383838 # 565656 # 777777 # 9b9b9b #cacaca # fc8375 # df513f # d11719 # bd1316 # 9c0824

    Район Красно-зеленый расходящийся

    Снято с производства.


    # 4a8c1c # 559633 # 5ea049 # 69aa56 # 75b65d # 82c162 # 90cb68 # a0d571 # b1de7f # c7e298 # e9dabe # fca294 # fe8e7e # fd7e6b # f7705b # ef654d # e6583e # dc4930 # d23a21 # c82912 # bd1100

    Оранжево-синие расходящиеся

    Снято с производства.

    Проверьте Orange-Blue Diverging в версии 10.0 и выше, чтобы узнать об обновленной версии этой палитры.


    # 26456e # 1c5998 # 1c73b1 # 3a87b7 # 67add4 # 7bc8e2 #cacaca # fdab67 # fd8938 # f06511 # d74401 # a33202 # 7b3014

    Зелено-синие расходящиеся

    Снято с производства.

    Проверьте Green-Blue Diverging в 10.0 и более поздних версиях для получения обновленной версии этой палитры.


    # 26456e # 1c5998 # 1c73b1 # 3a87b7 # 67add4 #cacaca # a2c18f # 69a761 # 2f8e41 # 1e7735 # 09622a

    Расходящиеся красно-бело-зеленые

    Снято с производства.

    Ознакомьтесь с обновленной версией палитры Red-Green-White Diverging в версии 10.0 и выше.


    # 09622a # 297839 # 428f49 # 74af72 # b9d7b7 #ffffff # fcb4a5 # e86753 # cc312b # b41f27 # 9c0824

    Расходящиеся красно-белые-черные

    Снято с производства.

    Ознакомьтесь с обновленной версией палитры Red-Black-White Diverging в версии 10.0 и выше.


    # 1e1e1e # 393939 # 575757 # 838383 #bfbfbf #ffffff # fcb4a5 # e86753 # cc312b # b41f27 # 9c0824

    Оранжевый-бело-синий расходящийся

    Снято с производства.

    Ознакомьтесь с обновленной версией палитры Orange-Blue-White Diverging в версии 10.0 и выше.


    # 26456e # 2e5f8a # 3679a8 # 6a9ec5 # b7cde2 #ffffff # ffc2a1 # fb8547 # d85a13 # a84415 # 7b3014

    Красный-белый-черный свет

    Снято с производства.


    # c6c6c6 # d1d1d1 #dddddd # e8e8e8 # f3f3f3 #ffffff # fff0f0 # ffe0e1 # ffd1d3 # ffc2c5

    Оранжевый-белый-синий свет расходится

    Снято с производства.


    # c4d8f3 # d0e0f6 # dce8f8 # e8effa # f3f7fd #ffffff # fff5eb # ffead8 # ffe0c5 # ffd6b1 # ffcc9e

    Красный-белый-зеленый свет расходится

    Снято с производства.


    # b7e6a7 # c6ebb8 # d5f0ca # e3f5db # f1faed #ffffff # fff0f0 # ffe0e1 # ffd1d3 # ffc2c5 # ffb2b6

    Расхождение красных и зеленых огней

    Снято с производства.


    # b7e6a7 # c1e6b4 # cae6c0 # d4e6cc # dde6d9 # e5e5e5 #ecdbdc # f2d1d2 # f8c7c9 # fcbdc0 # ffb2b6

    Цвет — Визуальный дизайн — iOS — Руководство по человеческому интерфейсу

    Цвет

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

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

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

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

    Подумайте о выборе цвета для обозначения интерактивности всего приложения. В Notes интерактивные элементы желтого цвета; в Календаре интерактивные элементы выделены красным. Если вы определяете акцентный цвет, обозначающий интерактивность, убедитесь, что другие цвета в вашем приложении не конкурируют с ним.

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

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

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

    Протестируйте цветовую схему своего приложения в различных условиях освещения. Освещение значительно различается как в помещении, так и на улице, в зависимости от обстановки в помещении, времени суток, погоды и т. Д. Цвета, которые вы видите на своем компьютере, не всегда будут выглядеть одинаково, когда ваше приложение используется в реальном мире. Всегда предварительно просматривайте свое приложение при различных условиях освещения, в том числе на улице в солнечный день, чтобы увидеть, как выглядят цвета. При необходимости отрегулируйте цвета, чтобы обеспечить наилучшее качество просмотра в большинстве случаев использования.

    Подумайте, как отображение True Tone влияет на цвет. Дисплей True Tone использует датчики внешней освещенности для автоматической настройки белой точки дисплея в соответствии с условиями освещения в текущей среде. Приложения, ориентированные в первую очередь на чтение, фотографии, видео и игры, могут усилить или ослабить этот эффект, указав стиль адаптивности белой точки. Руководство разработчика см. В разделе UIWhitePointAdaptivityStyle.

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

    Избегайте использования цветов, которые могут затруднить восприятие контента в вашем приложении. Например, дальтоник может быть не в состоянии различать некоторые цветовые комбинации, а недостаточный контраст может привести к слиянию значков и текста с фоном и затруднить чтение содержимого для пользователей с нарушениями зрения.Для руководства см. Цвет и контраст.

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

    iOS предлагает ряд системных цветов, которые автоматически адаптируются к яркости и изменениям в настройках специальных возможностей, таких как «Увеличить контраст» и «Уменьшить прозрачность». Системные цвета отлично смотрятся по отдельности и в сочетании как на светлом, так и на темном фоне, а также на светлом и темном фоне.

    Не жестко кодируйте системные значения цвета в приложении. Приведенные ниже значения цвета предназначены для справки в процессе разработки приложения.Фактические значения цвета могут колебаться от выпуска к выпуску в зависимости от множества переменных окружающей среды. Всегда используйте API для применения системных цветов; для руководства разработчика см. UIColor (UIKit) и Color (SwiftUI).

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

    • Система Система Система Система Система
      Свет Темный Имя UIKit API
      Серый Серый
      Серый (2) systemGray2
      Серый (3) Серый 3
      Серый (4) Серый 4
      Серый (5) Серый 5
      Серый (6) Серый 6
    • Система Система Система Система Система
      Свет Темный Имя UIKit API
      Серый Серый
      Серый (2) systemGray2
      Серый (3) Серый 3
      Серый (4) Серый 4
      Серый (5) Серый 5
      Серый (6) Серый 6

    Цвета динамической системы

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

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

    С обоими наборами цветов фона обычно используются варианты для обозначения иерархии следующими способами:

    • Первичный для общего вида
    • Вторичный для группирования содержимого или элементов в общем виде
    • Третичное для группирования содержимого или элементов внутри вторичных элементов

    Для содержимого переднего плана iOS определяет следующие цвета:

    Цвет Используется для UIKit API
    Этикетка Текстовая метка, содержащая основное содержимое. этикетка
    Дополнительная этикетка Текстовая метка, содержащая вторичный контент. вторичный ярлык
    Третичная этикетка Текстовая метка, содержащая третичное содержимое. высшее звено
    Четвертичная этикетка Текстовая метка, содержащая четвертичное содержимое. четвертичная этикетка
    Текст-заполнитель Текст-заполнитель в элементах управления или текстовых представлениях. заполнитель Текст
    Сепаратор Разделитель, который позволяет видеть некоторый базовый контент. сепаратор
    Непрозрачный разделитель Разделитель, который не позволяет отображать базовое содержимое. непрозрачный Разделитель
    Ссылка Текст, выполняющий функцию ссылки. ссылка

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

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

    Управление цветом

    Применение цветовых профилей к изображениям. Цветовое пространство по умолчанию в iOS — Стандартный RGB (sRGB). Чтобы обеспечить правильное соответствие цветов этому цветовому пространству, убедитесь, что ваши изображения содержат встроенные цветовые профили.

    Используйте широкий диапазон цветов для улучшения визуального восприятия на совместимых дисплеях. Широкоформатные цветные дисплеи поддерживают цветовое пространство P3, которое позволяет воспроизводить более богатые и насыщенные цвета, чем sRGB. В результате фотографии и видео, в которых используется широкий цвет, более реалистичны, а визуальные данные и индикаторы состояния, в которых используется широкий цвет, более эффективны.При необходимости используйте цветовой профиль Display P3 при 16 битах на пиксель (на канал) и экспортируйте изображения в формате PNG. Обратите внимание, что для создания широких цветных изображений и выбора цветов P3 необходим широкий цветной дисплей.

    Предоставляйте изображения с учетом цветового пространства и цветовые вариации, когда этого требует опыт. В целом, цвета и изображения P3 на устройствах sRGB обычно выглядят должным образом. Однако иногда бывает трудно различить два очень похожих цвета P3, когда они просматриваются в sRGB.Градиенты, использующие цвета в спектре P3, также могут иногда отображаться на устройствах sRGB. Чтобы избежать этих проблем, вы можете предоставить отдельные изображения и цвета в каталоге ресурсов вашего проекта Xcode, чтобы обеспечить визуальную точность как на устройствах с широким цветовым охватом, так и на устройствах sRGB.

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

    СОВЕТ На Mac с широким цветным дисплеем вы можете использовать системную палитру цветов для выбора и предварительного просмотра цветов P3 и сравнения их с цветами sRGB.

    Использование цвета | Система веб-дизайна США (USWDS)

    Жетоны дизайна

    Цвет — практичный и эмоциональный инструмент. Он передает индивидуальность, задает тон, привлекает внимание и указывает на важность.

    Введение

    USWDS организует свои жетоны цветов в жетоны тем, жетоны состояния и жетоны системы. Системные жетоны — это полный набор цветов, доступных для USWDS. Жетоны проекта — это меньшее по размеру подмножество, основанное на ролях, адаптированное к индивидуальности, тону и потребностям вашего проекта.Он будет использовать только несколько цветовых семейств из более широкого набора из 24 цветовых семейств, доступных в наборе системных маркеров.

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

    Цвет, семейство цветов и сорт

    В нашей документации и руководствах мы будем использовать термины цвет, семейство цветов и сорт, но что мы имеем в виду, когда используем их?

    Цвет — это любой конкретный образец в наших палитрах токенов, например красный-50 , primary-base или indigo-warm-60v .

    Семейство цветов — это группа цветов, имеющих одинаковый оттенок на цветовом круге (см. Цветные круги USWDS ниже).Они содержат несколько отдельных цветов, различающихся яркостью или насыщенностью каждого отдельного цвета. Семейство цветов токенов системы обычно представляет собой обычное название цвета, такое как красный или теплый синий , а семейство цветов токена темы — это ролевое имя, например первичный .

    Оценка — это способ выразить, насколько светлый или темный цвет. USWDS использует 100-балльную шкалу для обозначения оценки, где 0 — чистый белый цвет, а 100 — чистый черный цвет.Мы упорядочили эти оценки по цветовым семействам: цвет класса 50 в одном цветовом семействе должен иметь тот же уровень яркости, что и цвет класса 50 в другом цветовом семействе. Это имеет важные последствия для цветового контраста и доступности, которые мы обсудим позже.

    Цвет и доступность

    Color — мощное средство, но ненадежное — его эффекты непостоянны и непредсказуемы для популяции. Примерно 0,5% взрослых женщин и 8% взрослых мужчин (4.5% от общей численности населения) имеют некоторую нечувствительность к цвету. Нечувствительность к цвету может затруднить различение оттенков (наиболее распространенная форма — дальтонизм на красный / зеленый), а некоторые редкие условия вообще препятствуют восприятию оттенка. Обычные проблемы со зрением, такие как близорукость и близорукость и астигматизм (среди прочего), также влияют на то, насколько хорошо люди воспринимают цвет и контраст.

    Доступность — не особый случай. Во втором квартале 2018 года сайты, использующие USWDS, превысили 1,4 миллиарда просмотров страниц.4,5% из 1,4 миллиарда — это около 60 миллионов просмотров страниц. Когда дело доходит до доступности, широкое и всеобъемлющее мышление — это не просто хорошая идея, это наша миссия и ответственность.

    Раздел 508, который соответствует уровню AA WCAG 2.0, устанавливает юридический стандарт необходимого уровня контрастности между текстом и его фоном. Базовый стандарт контрастности AA составляет 4,5: 1 для большей части текста и 3: 1 для крупного текста (19 пикселей + полужирный или 24 пикселей + обычный текст).

    Доступные сочетания цветов

    USWDS помогает командам выбирать доступные цвета с помощью системы цветовой классификации.Давайте посмотрим на семейство цветов серый в классах 5–90 (класс 0 — белый ):

    Сверху: Каждая цветовая семья имеет десять градаций от 5 до 90. Чистый белый эквивалентен сорту 0, а чистый черный эквивалентен сорту 100.

    Магическое число

    Мы называем разницу в оценке между любыми двумя цветами магическим числом . Магические числа имеют важное значение контраста:

    • Магическое число 40+ приводит к WCAG 2.0 AA Контраст большого текста (пример: серый-90 и индиго-теплый-50v ).
    • Магическое число 50+ дает контрастность WCAG 2.0 AA или контрастность большого текста AAA (пример: серый-90 и красный-40 ).
    • Магическое число 70+ приводит к контрасту AAA WCAG 2.0 (пример: серый-10 и красный-80 ).
    • Цвета класса 50 , указанные в разделе 508 AA, контрастируют как с чисто белым (класс 0 ), так и с чисто черным (класс 100 ).

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

    Магическое число USWDS работает, потому что каждый класс соответствует определенному диапазону значений относительной яркости. Цветовой контраст WCAG и Section 508 рассчитывается как отношение относительных яркостей двух цветов, поэтому, пока наши цвета попадают в определенный диапазон яркости для каждого класса, соотношение будет соответствовать требованиям контрастности.

    сорт минимальная яркость максимальная яркость
    0 1.000 1.000
    5 0,850 0,930
    10 0,750 0,820
    20 0,500 0,650
    30 0.350 0,450
    40 0,250 0,300
    50 0,175 0,183
    60 0,100 0,125
    70 0.050 0,070
    80 0,020 0,040
    90 0,005 0,015
    100 0,000 0,000
    Примеры доступных комбинаций цветов

    Вверху: Поскольку 90 - 50 = 40 , на фоне серый-90 используйте классы 40 и ниже, чтобы обеспечить контраст раздела 508 AA.Для крупного текста приемлемы оценки 50 и ниже.

    Вверху: Система цветовой оценки работает для всех цветовых семейств.

    Цвет, контраст и читаемость

    Читаемость — это легкость, с которой читатель может понять письменный текст. Это сложное явление, на которое помимо цвета и контрастности влияет множество факторов, включая (но не ограничиваясь) размер шрифта, шрифт, длину строки, высоту строки, пробелы, выбор слов, дизайн контента и стиль письма.Проблемы с удобочитаемостью могут быть особенно важны, если ваш сайт содержит документацию или подробный текст, требующий концентрации.

    Но когда дело доходит до цвета, обратите внимание на следующие общие рекомендации:

    • Раздел 508 AA + цветовой контраст помогает при дальтонизме и цветовосприятии.
    • Избегание чисто черного текста на белом помогает при дислексии, синдроме Ирлена, светочувствительности и аутизме.
    • Лучшее сочетание — это максимальный цветовой контраст белого / светлого текста на черном / темном фоне, который, кажется, визуально подходит для всех.
    • Наилучший вариант, когда это возможно, — предоставить пользователям возможность выбирать собственный цвет текста и фона.

    Цветные диски USWDS

    Следующие ниже цветовые круги позволяют визуализировать всю палитру системы USWDS и ее рубрику именования цветовых семейств. Цветовые круги расположены вокруг 360 ° цветовой модели HSL. Каждое цветовое семейство помечено своим положением (в градусах) на этой модели. Как правило, цвета внутри цветовых семейств остаются близкими к указанному значению оттенка, но это настраиваемая палитра, не генерируемая алгоритмом.Изменение оттенка внутри цветовых семейств является преднамеренным — мы пытаемся найти хорошие цвета, а не только те, которые соответствуют функции.

    Вверху: Колесо цветных маркеров стандартной системы USWDS

    Вверху: Колесо жетонов системы Vivid USWDS

    Общее руководство по цвету

    Если мы используем цвет намеренно, последовательно и осмотрительно, это может существенно повлиять на то, как люди понимают наши страницы, наши продукты и услуги и наше сообщение и связываются с ними.Цвет является важным компонентом визуального и эмоционального познания, и именно поэтому его трудно использовать правильно: то, что является сильным и уверенным для одного человека, может раздражать или тревожить другого.

    Старт в черно-белом цвете. Начните со своей основной идеи и используйте шкалу типов и иерархию, чтобы проверить и уточнить ее эффективность. Затем добавьте цвет, чтобы поддержать это сообщение. Цвет может затруднить интерпретацию, и, поскольку примерно 4,5% населения имеют некоторую нечувствительность к цвету, важно не полагаться на цвет для передачи информации, важной для вашего сообщения.

    Ставьте практическое выше эмоционального. Поскольку цвет может на многое, его может быть разумным сосредоточиться. Ограничьте сложность цвета, сконцентрировавшись в первую очередь на функциональных требованиях (например, состояниях или направлениях). Затем используйте цвет в качестве постепенного улучшения, чтобы усилить или сбалансировать эмоциональные потребности контента. Тем не менее, имейте в виду, что эффекты цвета часто являются личными и культурными в большей или большей степени, чем физиологическими. Поймите, что использование цвета для оптимизации тона обязательно исключает тонкими и не очень тонкими способами.

    Используйте мудборды в качестве руководства. Может быть сложно получить подходящие цветовые палитры, и имеет смысл позволить существующим цветам и палитрам быть вашим ориентиром. Соберите изображения из других источников, которые вызывают желаемый тон, чтобы найти общие черты. Затем найдите близкие совпадения в системной палитре, чтобы помочь создать свою тему.

    Спросите визуальных дизайнеров. У вашей группы или агентства могут быть визуальные дизайнеры в штате или в качестве подрядчиков. Они могут быть бесценным ресурсом для создания палитр или получения отзывов о существующих.USWDS использует коллективный опыт визуальных дизайнеров из разных агентств для создания нашей системной палитры и предоставления ряда готовых палитр тем проекта. Если у вас есть ресурсы для визуального дизайна, используйте их.

    Не используйте цвет исключительно для передачи смысла. Даже контраст, соответствующий Разделу 508, не гарантирует, что цвета будут различимы для значительного процента вашей аудитории. Примерно 0,5% взрослых женщин и 8% взрослых мужчин имеют некоторую нечувствительность к цвету, особенно между красным и зеленым.Цвет следует использовать только как прогрессивное улучшение — если цвет является единственным сигналом, этот сигнал не пройдет должным образом для всех.

    Список литературы

    цвет — npm

    Библиотека JavaScript для неизменяемого преобразования цветов и манипуляций с поддержкой цветовых строк CSS.

     const color = Color ('# 7743CE'). Alpha (0.5) .lighten (0.5);
    console.log (color.hsl (). строка ()); // 'hsla (262, 59%, 81%, 0.5)'
    
    console.log (color.cmyk (). round (). array ()); // [16, 25, 0, 8, 0.5]
    
    console.log (color.ansi256 (). объект ()); // {ansi256: 183, альфа: 0,5} 

    Установить

    Использование

     const Color = require ('цвет'); 

    Конструкторы

     const color = Color ('rgb (255, 255, 255)').
    const color = Color ({r: 255, g: 255, b: 255})
    const color = Color.rgb (255, 255, 255)
    const color = Color.rgb ([255, 255, 255]) 

    Установите значения для отдельных каналов: alpha , red , green , blue , hue , saturationl (hsl), saturationv (hsv), lightness , whiteness , черный , голубой , пурпурный , желтый , черный

    Конструкторы строк обрабатываются цветовой строкой

    Геттеры

    Преобразование цвета в другое пространство ( hsl () , cmyk () и т. Д.).

     color.object (); // {r: 255, g: 255, b: 255} 

    Получить хэш значения цвета. Отражает текущую модель цвета (см. Выше).

     color.rgb (). Array () // [255, 255, 255] 

    Получить массив значений с помощью array () . Отражает текущую модель цвета (см. Выше).

     color.rgbNumber () // 16777215 (0xffffff) 

    Получить числовое значение RGB.

    Получить шестнадцатеричное значение.

    Получите значение для отдельного канала.

    CSS-строки

     color.hsl (). String () // 'hsl (320, 50%, 100%)' 

    Вызов .string () с числом округляет числа до этого десятичного разряда. По умолчанию 1.

    .

    Светимость

     цвет, яркость (); // 0,412 

    Яркость цвета WCAG. 0 — черный, 1 — белый.

     color.contrast (Цвет («синий»)) // 12 

    Коэффициент контрастности WCAG для другого цвета, от 1 (тот же цвет) до 21 (контраст ч / б белого и черного).

     color.isLight (); // правда
    color.isDark (); // ложь 

    Получите, является ли цвет «светлым» или «темным», полезно для определения цвета текста.

    Манипуляции

     color.negate () // RGB (0, 100, 255) -> RGB (255, 155, 0)
    
    color.lighten (0.5) // hsl (100, 50%, 50%) -> hsl (100, 50%, 75%)
    color.lighten (0.5) // hsl (100, 50%, 0) -> hsl (100, 50%, 0)
    color.darken (0.5) // hsl (100, 50%, 50%) -> hsl (100, 50%, 25%)
    color.darken (0.5) // hsl (100, 50%, 0) -> hsl (100, 50%, 0)
    
    цвет.легкость (50) // hsl (100, 50%, 10%) -> hsl (100, 50%, 50%)
    
    color.saturate (0.5) // hsl (100, 50%, 50%) -> hsl (100, 75%, 50%)
    color.desaturate (0.5) // hsl (100, 50%, 50%) -> hsl (100, 25%, 50%)
    color.grayscale () // # 5CBF54 -> # 969696
    
    color.whiten (0.5) // hwb (100, 50%, 50%) -> hwb (100, 75%, 50%)
    color.blacken (0.5) // hwb (100, 50%, 50%) -> hwb (100, 50%, 75%)
    
    color.fade (0.5) // rgba (10, 10, 10, 0.8) -> rgba (10, 10, 10, 0.4)
    color.opaquer (0.5) // rgba (10, 10, 10, 0.8) -> rgba (10, 10, 10, 1.0)
    
    color.rotate (180) // hsl (60, 20%, 20%) -> hsl (240, 20%, 20%)
    color.rotate (-90) // hsl (60, 20%, 20%) -> hsl (330, 20%, 20%)
    
    color.mix (Color ("желтый")) // голубой -> rgb (128, 255, 128)
    color.mix (Color ("желтый"), 0.3) // голубой -> rgb (77, 255, 179)
    
    // цепочка
    цвет. зеленый (100). оттенки серого (). светлее (0,6) 

    Propers

    API был вдохновлен color-js. Функции управления с помощью инструментов CSS, таких как Sass, LESS и Stylus.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Авторское право © 2021 Es picture - Картинки
    top