Вы, наверное, никогда не обращали внимания на такую мелочь, но в вашем браузере есть заранее определённые цвета, которые являются не тем, чем кажутся. Если бы я сказал вам, что названия образцов выше это LightGray, Gray и DarkGray, какому бы из цветов вы сопоставили каждое название?
Признаю, это был вопрос с подвохом, но почему всё-таки тёмно-серый это более светлый оттенок просто серого?
Всё сводится к небольшой исторической неурядице. Первые версии Mosaic и Netscape Navigator были X Applications, то есть они использовали систему X Window System в UNIX, которая определяет набор нормализованных имен цветов, унаследованный браузерами.
Позже, когда World Wide Web Consortium (W3C) перешел к стандартизации, он поглотил набор цветов X11, но не обошлось без конфликтов с тем, чего хотела спецификация.
В HTML цвет «Gray» был зарезервирован для триплета 128 (50% оттенок серого), в то время как X11 определял «Gray» как оттенок серого примерно в 75%, что означало, что, так как имя уже занято, «Gray» стал 50% серым, отбросив изначальное значение X11.
С другой стороны, цвет «DarkGray» никто не трогал, поскольку его на тот момент не существовало в HTML или CSS, а значит, он был перенесён без изменений из X11, где определен как 66% оттенок серого.
В конечном итоге, объединенный список цветов CSS, который сегодня преобладает в интернете, отображает «DarkGray» заметно светлее, чем «Gray», потому что «DarkGray» пришел из X11, а «Gray» пришел из HTML.
Даже сегодня в последней версии CSS цвет «DarkGray» это более светлый оттенок, чем «Gray», а ещё, как результат трудностей именования, как «Grey», так и «Gray» являются валидными именами.
Комментарии (61)
vlad-yermolayev
12.06.2019 10:27-11Интересное наблюдение, можно добавить в список «неудобных» вопросов на собеседовании.
fireSparrow
12.06.2019 11:45+6Какие именно качества/знания кандидата вы собираетесь определить этим вопросом?
ogost
12.06.2019 11:54+1видимо оратор выше подразумевает, что таким вопросом можно валить неугодных/непонравившихся кандидатов на собеседовании, а не определять уровень компетенции.
vlad-yermolayev
12.06.2019 12:08-3Да, именно это и подразумевалось. Но к сожалению такие вопросы зачастую включены в обычное собеседования…
OnYourLips
12.06.2019 19:59+1А почему нельзя просто сказать «я вынужден на этом этапе прекратить собеседование, вы мне не подходите по <список объективных причин> и <список личных претензий>»?
MechanicZelenyy
12.06.2019 23:13+3Потому что это не законно, и не только в Штатах, но и В России.
sumanai
12.06.2019 23:20Если человек не соответствует требованиям, то что в этом незаконного? Хотя если эти требования нигде не формализованы, то да, приходится выкручиваться.
MechanicZelenyy
12.06.2019 23:29Ну <список личных претензий> это явная дискриминация, кроме того работа подразумевает деловые отношение, а не личные.
С объективными тут тоже может быть интересно, например, кандидат не в зуб ногой, но у него есть диплом об профильном ВО (настоящий, не поддельный). Отказывая по объективным причинам вы ставите под сомненье работу ВУЗа, который выдает таким «ребятам» дипломы, фактически вы сомневаетесь в способностях государства проверять качество выпускников ВУЗов, этож почти гос. измена xD.RiseOfDeath
13.06.2019 09:44работа подразумевает деловые отношение, а не личные.
Вот ни разу с вами не соглашусь. Если человек, скажем так, «чудак» то работать с ним будет невозможно вне зависимости от его профессиональных качеств. И следовательно нахрен такой работник нужен?MechanicZelenyy
13.06.2019 12:02Вы конечно можете не соглашаться, но юридически вы будете не правы.
Отказывая человеку в работе на основании его личных, а не профессиональных качеств вы нарушаете его право на труд.
ТК РФ Статья 64. Гарантии при заключении трудового договораЗапрещается необоснованный отказ в заключении трудового договора.
Какое бы то ни было прямое или косвенное ограничение прав или установление прямых или косвенных преимуществ при заключении трудового договора в зависимости от пола, расы, цвета кожи, национальности, языка, происхождения, имущественного, семейного, социального и должностного положения, возраста, места жительства (в том числе наличия или отсутствия регистрации по месту жительства или пребывания), отношения к религии, убеждений, принадлежности или непринадлежности к общественным объединениям или каким-либо социальным группам, а также других обстоятельств, не связанных с деловыми качествами работников, не допускается, за исключением случаев, в которых право или обязанность устанавливать такие ограничения или преимущества предусмотрены федеральными законами.OnYourLips
13.06.2019 19:17ТК наполовину из таких отвлеченных от реальности законов состоит. Чего только стоит невозможность уволить беременную, даже если она ходит на работу только чтобы саботировать рабочие процессы.
У меня есть хороший пример: я собеседовал человека в свою команду, по профессиональным навыкам он подходил, но его манера общения была ужасной (слишком высокомерный, на понтах).
По ТК выходит, что я должен его взять и повышать токсичность в команде, которая отрицательно скажется на производительности труда всей команды.MechanicZelenyy
13.06.2019 20:04+1ТК наполовину из таких отвлеченных от реальности законов состоит. Чего только стоит невозможность уволить беременную, даже если она ходит на работу только чтобы саботировать рабочие процессы.
Вот как раз этот пример и показывает, то что эти законы совершенно не отвлеченные — без них работники останутся совсем без соц. защиты.
У меня есть хороший пример: я собеседовал человека в свою команду, по профессиональным навыкам он подходил, но его манера общения была ужасной (слишком высокомерный, на понтах).
По ТК выходит, что я должен его взять и повышать токсичность в команде, которая отрицательно скажется на производительности труда всей команды.
Да это так. Высокомерие хоть и является не самой приятной чертой характера, те не менее к профессиональным качествам не относится. Повышать токсичность команды, да плохо, но вы там не в бирюльки собрались играть, а работать, обменивать труд на деньги — вы как сотрудник имеете полное право искать себе приятную компанию для работы, но компания не может отказать человеку в его праве на труд — так устроено современное трудовое законодательство, и оно не просто так именно так, а не иначе.
RiseOfDeath
14.06.2019 10:26Но ведь фактически прием такого работника это ухудшение условий труда всех остальных работников. Т.е. в данном случае имеет защиту права на труд одного человека в ущерб интересам других работников.
К стати, а имеет-ли право компания требовать от соискателя, например, умения работать в команде? Если да, то озвученные выше личностные качества можно трактовать как не соответствие этому пункту требований.MechanicZelenyy
14.06.2019 13:13Но ведь фактически прием такого работника это ухудшение условий труда всех остальных работников. Т.е. в данном случае имеет защиту права на труд одного человека в ущерб интересам других работников.
Ну пока в СИ не введена единица для измерения токсичности коллектива, поэтому ГОСТы на уровень токсичности и ПДК так же не определены. Да даже и если бы ли бы определены, они были достаточно высокие, а то иначе пришлось бы всю бухгалтерию разогнать.
К стати, а имеет-ли право компания требовать от соискателя, например, умения работать в команде? Если да, то озвученные выше личностные качества можно трактовать как не соответствие этому пункту требований.
Здесь основная трудность, это определить формальные требования. Например, давайте вывернем ситуацию наизнанку, пусть человек из этого приятного коллектива, весь такой командный, приходит на рабочее место, а там одни токсичные чудаки. Тут окажется, что о как раз не умеет работать в команде. Так что показатель это очень ситуативный.
Fenzales
13.06.2019 10:41и не только в Штатах
В Штатах формальные причины для отказа принимать на работу как раз-таки не нужны.MechanicZelenyy
13.06.2019 12:23Ну тут речь не про формальные, а про личные. Если вы на собеседовании заявите, что не берете сотрудника потому что она беременная негритянка-феменистка и вам такие здесь не нужны, то сами рискуете остаться без работы.
amarao
12.06.2019 12:47+1Пока вы не столкнётесь с человеком, который много писал под X11 и он вам расскажет про Магрибский коврик, и весь ваш код умрёт на следующее утро в мучениях.
psFitz
12.06.2019 13:31Надеюсь это сарказм?
vlad-yermolayev
12.06.2019 14:05видимо оратор выше подразумевает, что таким вопросом можно валить неугодных/непонравившихся кандидатов на собеседовании, а не определять уровень компетенции.
ua30
12.06.2019 10:54Прикольно, что сейчас попалась эта статья. Создавал веб-сайты с 2001. Но только буквально пару недель назад заметил этот прикол с DarkGray в CSS. Думал глюк какой то, переписал на HEX (мне так и привычней, и запись короче). И вот сразу статья. :)
freecoder_xx
12.06.2019 10:56Надо было
Gray50,Gray66иGray75назвать, тогда проблемы бы не было :)
staticmain
12.06.2019 11:28А 50, 66 и 75 — это проценты или [0..255]? Неочевидно.
freecoder_xx
12.06.2019 11:42Для определения того, какой из двух данных цветов светлее, это и не важно )
vics001
13.06.2019 01:19Уже даже в Android переходят к цветам как float от [0, 100[. В современных мониторах мощность белого колеблется от 0 до 10К нит, все остальные цвета относительны от белого.
vlreshet
12.06.2019 11:28+1Кстати, кто-то вообще использует встроенные цвета (кроме black и white, разве что)? Частенько изучаю devtools-ом разные сайты (иногда находятся интересные решения), и практически всегда вижу только HEX цвета.
Source
12.06.2019 13:03+1Логично, в фотошопе то этих названий нет. А откуда берёт цвета верстальщик? Правильно, из того самого макета в фотошопе.
androidovshchik
12.06.2019 15:45+1+. Есть к тому же сомнения, что у разных браузеров отличаются цвета или их нет вовсе (ну может быть)
unwrecker
12.06.2019 15:52Ну как-то я по приколу сделал страницу, свёрстанную в именных цветах, причём недокументированных, которые находил словарным перебором. Сейчас вспомню только цвет "fuck"
unwrecker
12.06.2019 15:57+1Я так понимаю, что таблицу соответствия слово-цвет браузеры не хранили, а хранили вместо этого некое свёрточное значение типа хэша (причём несложного). Из-за чего один и тот же цвет мог иметь множество названий из-за коллизий хэша. Даже случайный набор букв имеет цвет.
Shugich
13.06.2019 06:53Я использую (red, blue, green, silver) с целью подсветить блок, чтобы понять сколько он физически занимает. Удобно, когда делаешь сетку или любую другую подобного пошиба разметку.
vlreshet
13.06.2019 12:59А, это да. Я всегда использую red (как самое короткое название) чтобы быстро получить цвет, ткнуть по нему, и получить пипетку в Chrome Devtools.
Sirion
12.06.2019 14:39+6Удивительно, как автор и переводчик удержались от каламбуров про 50 оттенков в заголовке. Я бы не смог.
rboots
12.06.2019 19:09+1Интересная статья, но я не видел профессиональных фронтенд-разработчиков, которые пользовались бы именованными цветами. Шестнадцатеричная нотация гораздо нагляднее и прозрачнее.
YemSalat
13.06.2019 10:54Я бы не назвал шестнадцетиричную нотацию «наглядной и прозрачной». Под такое определение куда лучше подходит hsl.
Spaceoddity
13.06.2019 11:45Нет. Для этого надо помнить расположение на цветовом круге. Вот что вам скажет «290 градусов Hue»?
А в RGB достаточно прикинуть соотношение компонент. ff0000 — насыщенный красный, ну и т.д.YemSalat
13.06.2019 15:57Вот что вам скажет «290 градусов Hue»?
То что это что-то сине-фиолетовое. Достаточно запомнить что цвета на hsl круге идут в порядке цветов радуги и 0 — это красный. Насыщенность и яркость вообще указаны в процентах.
А в RGB достаточно прикинуть соотношение компонент. ff0000
Сможете прикинуть какого цвета будет #98739b или #918c0е?
А насколько эти цвета яркие/темные? :)
Hithroc
13.06.2019 21:28Ну вот RGB надо помнить только 3 цвета и их порядок, а в HSV 6 цветов, их порядок и интервал.
По-моему мнению обе системы неудобны для восприятия на вскидку.
Spaceoddity
14.06.2019 00:38Сможете прикинуть какого цвета будет #98739b или #918c0е?
А насколько эти цвета яркие/темные? :)
Да. Разбиваем на компоненты, лучше даже сокращенной записью (опуская каждую вторую цифру): 979 и 980. В первом случае это будет почти средне-серый (чуть поярче и с немного просаженным зелёным каналом, значит оттенок будет смещён в фиолетовый — красный+синий). Во втором жёлто-коричневый (красный + зелёный на максимальной яркости дают жёлтый, на средней — коричневый).
Насыщенность легко прикинуть по числовой разнице между компонентами (если хоть один из них сильно отличается от двух других — насыщенность будет высокой).
Яркость — по «максимальному» компоненту (от 0 до F).
В HSL вам помимо цветового круга надо ещё в уме оперировать числовыми понятиями яркости и насыщенности. Если с яркостью ещё нормально, то с числовым представлением насыщенности (из-за особенностей физиологии) вообще беда. 0 — серый, 100- максимально насыщенный. Всё. Всё что между ними это будет «средней насыщенности» — так что смысла делить эту шкалу на 100 нет.
На самом деле есть гораздо более неудобные для человека модели. Lab (и его производные) вообще без палитры под рукой не разберёшь))
mapron
Для тех кто прочитал статью, прочитал оригинал, и все равно нихрена не понял как я:
66% оттенок серого = серый, который имеет компоненты по 66% от 256, т.е. светлее чем «среднесерый» на 41.
в общем, понимание пришло только после просмотра таблички
www.w3schools.com/colors/colors_shades.asp
(очень надеюсь что всем все и так было понятно, и мой коммент — лишний).
Spaceoddity
Хм… Когда говорят про «процентный серый», я то как раз первым делом экспоненту яркости вспоминаю, а не проценты от 2^8 градаций.
Ну это из той же оперы что и фотографический «18% серый» (среднесерый по факту) и «фотошоповские плашки» — 10%, 15%…