Рубрика «цвет» - 5

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

Основы

Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.

Теория цвета в цифрахЧитать полностью »

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

Сегодня я хотел бы рассказать об одном таком простом вопросе и о двух ответах на него: простом, всем известном, но неправильным; и сложном, непонятном, но правильном.

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

Также все мы со школы знаем, что белый свет — это смесь световых волн разной длины. Используя тот факт, что волны разной длины по-разному преломляются, мы, с помощью призмы, можем получить «чистый» свет с конкретной заданной длиной волны. Каждому из базовых цветов соответствует своя конкретная длина волны; например, красному соответствует свет с длиной волны 635-700 нм, оранжевому — 590-635 нм, жёлтому — 560-590 нм.

Эти два факта отлично известны любому школьнику. Однако почему-то никто не замечает очевидного противоречия между этими двумя фактами. А именно: если мы возьмём монохромный красный свет (скажем, 650 нм) и смешаем с монохромным жёлтым светом (допустим, 570 нм) мы никак не можем получить оранжевый свет с длиной 610 нм — длины волн не складываются и не усредняются, мы просто получим смесь из 650- и 570-нм волн! Тем не менее, если смешать желтую краску с красной — мы получим оранжевую, и это тоже совершенно несомненно.

Читать полностью »

Как узнать цвет борща? Colorchuzer поможет

Colorchuzer — это простое приложение которое поможет вам узнать название цвета мгновенно! Стоит только навести камеру и вы увидите шестнадцатеричный код цвета и его полное название.
Читать полностью »

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

Оранжевый цвет в веб дизайне

Использовать оранжевый цвет при разработке дизайна сайта необходимо очень осторожно: при неправильном применении или при переизбытке цвета дизайн будет «резать глаз» пользователя. Однако также можно расставлять необходимые акценты и обращать внимание пользователя на важные элементы сайта. Ниже представлены некоторые советы по использованию оранжевого цвета в веб-дизайна с хорошими примерами.Читать полностью »

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

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

Основные цвета (Primary Colors)

Теория цвета

Основные цвета палитры — красный, желтый и синий. Если говорить об основных цветах на экранах различных устройств — это RGB, красный, зеленый и синий.Читать полностью »

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

Давайте разберемся, в чем тут реальная проблема.
Читать полностью »

Я потратил несколько лет на изучение архитектуры компьютеров, и уж если одну вещь я выучил крепко, так это любовь компьютерных проектировщиков к изящным именам, используемым при инициализации или другой работе с памятью. Долгие часы своей жизни я истратил на придумывание забавно выглядящих адресов памяти для употребления в домашней работе или тестировании. Из подобных названий лучше других известен 0xDEADBEEF, а список некоторых других вы можете видеть вон там и там. Можно даже предположить, что этакие названия (особенно с подстановкою символов: например, «1» вместо «i» или «5» вместо «s») стали предтечами псевдо-крутого интернетовского жаргона, известного как leetspeak.

Всё это напомнила мне недавно попавшаяся мне статья о веб-дизайне (извините, я не помню её в точности). Автор статьи приводил пример CSS-кода, и выбранный им для примера цвет был #BADA55. Оказалось, что это даёт несколько безобразный зелёный цвет, но всё равно он побудил меня призадуматься о том, какие ещё английские слова можно сделать шестнадцатеричными кодами цвета.

Набросав краткий PHP-скрипт, получаем довольно обширный список для подбора таких цветов. Разумеется, годятся все коды, полностью состоящие из букв, но я также дозволил подстановку «1» вместо «i», «5» вместо «s» и «0» вместо «o». Та статья Википедии, на которую я выше сослался, также предлагала использовать «7» вместо «t» и «9» вместо «g», но мне не кажется, что при этом не получаются сколько-нибудь легко читаемые «шестнадцатеричные слова» (да к тому же тогда список слов, и без того длинный, оказался бы гораздо длиннее).

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

████████████████ #ABACA5 → abacas
████████████████ #ABA5ED → abased
████████████████ #ABA5E5 → abases
████████████████ #ABA51A → abasia
████████████████ #ABBE55 → abbess
████████████████ #AB1DED → abided
████████████████ #AB1DE5 → abides
████████████████ #AB0DED → aboded
████████████████ #AB0DE5 → abodes
████████████████ #ACAC1A → acacia
████████████████ #ACCEDE → accede
████████████████ #ACCE55 → access
████████████████ #ACED1A → acedia
████████████████ #AC1D1C → acidic
████████████████ #AD0BE5 → adobes
████████████████ #AD0B05 → adobos
████████████████ #A5D1C5 → asdics
Читать полностью »

В недавнем топике по следам печальной истории «Фобос-Грунта» была затронута версия о заговоре руководства НАСА, якобы заставляющего сотрудников перекрашивать марсианские снимки с голубым, почти земным небом и кучей зеленой растительности в сплошные чужие красно-рыжие тона. Тема вызвала приличный отклик, и, я думаю, многим хабрапользователям было бы интересно самим поучаствовать в сеансе разоблачения жуликов космического масштаба. Либо «утки» такого же масштаба — смотря что покажет нехитрый эксперимент.

Нам понадобится:

  1. Совсем чуть-чуть простейшей теории о том, что и как снимают камеры марсоходов.
  2. Несколько исходных снимков этих камер.
  3. Любой графический редактор, позволяющий работать с цветовыми каналами (хотя бы GIMP).

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js