Я пытаюсь создать цветовую схему для заголовков текста, которая будет иметь разные цвета для каждого уровня заголовка, но также будет печатать в основном темные. Я посмотрел на http://colorbrewer2.org/ , но он генерирует цвета, которые будут выглядеть по-разному при печати в черно-белом режиме (например, у вас есть две области на карте, которые расположены рядом друг с другом, и вы хотите, чтобы они выглядели по-разному ). Мне не нужны цвета, которые будут светлее друг друга при фотокопии. Другими словами, я хочу, чтобы цвета с цветным экраном / принтером видели цвета, но при фотокопии в черно-белом режиме все они будут довольно темными заголовки.
Я видел следующий вопрос, но это не совсем то, что я пытаюсь сделать:
Как найти цветовую схему, которая также полезна при печати в черно-белом
Да, проблема заключается в контрасте, но я думаю, что мой настоящий вопрос «Как узнать, насколько темный цвет будет печататься в черно-белом режиме?»
Я работаю над учебными материалами с довольно простым дизайном (чтения и рабочие таблицы) для уроков физики в средней школе. Главное место, где я надеюсь использовать цвет, будет в заголовках, поэтому все они будут на белом фоне. Материалы в настоящее время в черно-белом. Я хотел бы использовать разные цвета для уровней заголовка (H1, H2 и т. Д.), Чтобы они выпрыгивали для студентов, использующих электронные версии (на iPad и других устройствах), но также и чтобы некоторые заголовки не поворачивались слишком серый / светлый Материалы будут распространяться в виде файлов Word и PDF, и большинство учителей, фотокопирующих документы, скорее всего, сначала напечатают PDF-версии на черно-белом лазерном принтере, а затем фотокопируют с этого документа (поэтому природа фильтров на копировальном аппарате не это важно, я думаю).
Я думаю, что если я начну с #000000
и начну добавлять только немного каждого цвета (например, #000088
и #008800
), они должны печататься довольно темными, но мне интересно, есть ли какой-нибудь инструмент, который помог бы мне выбрать цвета, которые "идут" вместе "хорошо (я учитель и дизайнер-любитель, поэтому я часто полагаюсь на онлайн-инструменты, такие как colorbrewer2, чтобы помочь мне найти" приличные "цветовые схемы).
Еще раз спасибо за ваше время и ответы.
источник
Ответы:
Недавно я изучал, как получить меру воспринимаемой яркости цвета по тем же причинам, хотя меня интересует экран, а не просмотр бумаги. Вот некоторые вещи, которые я нашел:
HSB
Легко преобразовать значение RGB, подобное приведенным в вашем вопросе, в значение HSB (оттенок, насыщенность, яркость). Сначала может показаться, что
B
значение яркости здесь то, что вам нужно. Но цифры здесь не очень связаны с тем, как цвет выглядит для зрителя. Например, изменение H может внести огромные изменения в воспринимаемую легкость, а изменение B может изменить воспринимаемый оттенок. Это потому, что RGB (и HSB, который является простым преобразованием от RGB) больше о том, «что может производить это устройство», а не о «том, что воспринимает глаз».W3C "Воспринимаемая яркость"
Существует «W3C формула» для восприятия яркости:
(R*299 + G*587 + B*114) / 1000
. (Первоначально я сталкивался с этим в замечательной книге Билла Ван Хекке .) Значения RGB в этой формуле варьируются от 0 до 1. Так что#FFFFFF
получается (1 * 299 + 1 * 587 + 1 * 114) / 1000 = 1 .В вашем
#008800
примере значение зеленого цвета - это шестнадцатеричное 0x88, которое является десятичным 136. Это число находится в диапазоне 0-255. Таким образом, W3C воспринимает яркость для этого цвета (0 * 299 + (136/255) * 587 + 0 * 114) / 1000 = 0,31 .Другие формулы "воспринимаемой яркости"
Формула W3C является приблизительной и, по-видимому, дает плохие результаты для оттенков желтого. Я нашел эту страницу Nir Dobovizki полезной: она дает хорошее объяснение и несколько альтернативных формул, включая HSP от Darel Rex Finley , которая является попыткой смоделировать то, что делает Photoshop при преобразовании RGB в Greyscale. Если вы хотите еще больше формул, в ответах на этот вопрос переполнения стека приведено множество вариантов .
Цветовые системы фактически основаны на измерениях восприятия
Я поместил «воспринимаемую яркость» в цитаты выше, потому что, если я правильно понимаю, эти формулы являются лишь простым приближением к тому, что на самом деле воспринимается. Разработка этого требует много экспериментов с реальными людьми в контролируемых условиях, и результаты не соответствуют аккуратной простой формуле.
Существует система под названием CIELAB. «CIE» - это организация, которая его произвела: номера в этой системе есть
L
,a
иb
. ВL
этой системе есть яркость, и, если я правильно понимаю, это число, которое мы ищем, и я считаю, что это на самом деле основано на большом количестве экспериментов с людьми. Adobe Kuler - это отличный и бесплатный веб-сайт, на котором вы можете играть с цветами в различных системах, включая LAB. Тем не менее,a
иb
значение немного вне моего понимания. Поэтому я был очень рад обнаружить предшественника LAB ...Система цвета Munsell использует Hue, Value и Chroma. Он предшествует компьютерам, поэтому способ указания значений может выглядеть немного «старомодно». Но на самом деле после небольшого исследования я обнаружил, что эта система имеет большой смысл для меня (я был озадачен цветом в течение многих лет, но это, кажется, помогает), и это, кажется, глубоко укоренилось в исследованиях человеческого восприятия. Вот пример:
5PB 4.4/12
имеет H, V и C, как показано ниже:Оттенок
5PB
пурпурно-синий. Манселл поместил оттенки вокруг круга (это похоже на значение H в HSB, которое можно указать в градусах). В системе Манселла для описания оттенка используются буквы (я опишу цифру чуть позже). Есть 10 оттенков - больше, чем в других системах: красный, красно-фиолетовый, фиолетовый, пурпурно-синий, синий, сине-зеленый, зеленый, зелено-желтый, желтый, желто-красный и обратно в красный, записанный какR
,RP
,P
, иPB
т.д. цифра, которая колеблется от 1 до 10, изменяет описание письма , чтобы дать больше точности.5PB
означает точный пурпурно-синий.10R
находится на полпути между красным и желто-красным.Значение
4.4/
около средней легкости. Значения варьируются от 0 (темный) до 10 (светлый). «Maroon» - тёмныйR
оттенок, «розовый» - светлый. Эти значения значения на самом деле сопоставимы между оттенками, в отличие от большинства других систем здесь. Если удерживатьV
постоянные и измененияH
иC
, цвет все , кажется, имеет одинаковую яркость. Так что МанселлV
может быть тем, что вы ищете.Цветность
/12
- это «сила» цвета. «Изумруд» - сильный зеленый, «виноград» - слабый. Диапазон значений для цветности интересен. 0 серый. Максимальное значение зависит от оттенка и значения. Максимальное значение для красного примерно в два раза больше, чем для сине-зеленого. Эта сложность проистекает из измерений с людьми. Так что эта система не является математически опрятной - но мне она кажется полезной.Вот несколько ссылок, которые объясняют систему Манселла лучше, чем у меня здесь:
Статьи Википедии о системе цветов Манселла и Альберте Манселле .
Статья Брюса MacEvoy , который объясняет MUNSELL в контексте со многими другими системами. Это также объясняет некоторые цветовые парадоксы. Это немного поразило меня - поиск аккуратной геометрической системы, чтобы упорядочить воспринимаемые цвета на самом деле невозможен:
источник