Комментарии 25
Как насчет использования hsl цветов в цветовых константах? Ими управлять еще проще и интуитивно понятнее.
+14
Спасибо за материал, познавательно получилось. Наверное более честно было бы пометить ее как перевод, ну да ладно, вам виднее.
Я, конечно, сильно сомневаюсь что кто-то будет подбирать цвета только по цифрам, учитывая что это можно сделать в любом дебагере или прямо на макете страницы в редакторе, но знать такие вещи желательно.
Кстати если кто не верит, что это вообще возможно, подбирать цвет по цифрам — всего 10 лет назад любой хороший полиграфист знал наизусть большую часть важных оттенков в CMYK. А если хороших полиграфистов собиралось больше 3х то они устраивали дикие для постороннего уха жаркие баталии на тему лучшего оттенка для, например, чистой кожи лица или идеального составного черного. Связано с особенностями печатного процесса, когда цвета, мало отличимые на глаз на мониторе получились по разному на печати. (На бытовом уровне сейчас уже неактуально)
Я, конечно, сильно сомневаюсь что кто-то будет подбирать цвета только по цифрам, учитывая что это можно сделать в любом дебагере или прямо на макете страницы в редакторе, но знать такие вещи желательно.
Кстати если кто не верит, что это вообще возможно, подбирать цвет по цифрам — всего 10 лет назад любой хороший полиграфист знал наизусть большую часть важных оттенков в CMYK. А если хороших полиграфистов собиралось больше 3х то они устраивали дикие для постороннего уха жаркие баталии на тему лучшего оттенка для, например, чистой кожи лица или идеального составного черного. Связано с особенностями печатного процесса, когда цвета, мало отличимые на глаз на мониторе получились по разному на печати. (На бытовом уровне сейчас уже неактуально)
+4
Таки да, 10 лет назад любой хороший полиграфист . Жизнь требовала в то время. Сейчас и мониторчики, и освещение умеют делать правильной температуры и спектра. Так что с пипеткой по зонам бегать уже не обязательно. По этому нету такой необходимости.
Я, конечно, сильно сомневаюсь что кто-то будет подбирать цвета только по цифрам, учитывая что это можно сделать в любом дебагере или прямо на макете страницы в редакторе, но знать такие вещи желательно. Не совсем верно, часто есть styleguide или вбитые в голову цвета, которые проще ввести, чем попасть мышкой.
Я, конечно, сильно сомневаюсь что кто-то будет подбирать цвета только по цифрам, учитывая что это можно сделать в любом дебагере или прямо на макете страницы в редакторе, но знать такие вещи желательно. Не совсем верно, часто есть styleguide или вбитые в голову цвета, которые проще ввести, чем попасть мышкой.
0
При верстке css постоянно пишу цвет по hex-кодам, так намного удобнее чем через колорпикер моей IDE.
0
На второй картинке слева написано «#d03010», а фактически нарисовано «#d03020».
Затем (справа) написано «#c0d050», а фактически нарисовано «#c0f0d0».
Затем (справа) написано «#c0d050», а фактически нарисовано «#c0f0d0».
+1
Это из-за сжатия в PNG с 8-битной палитрой. Наверное использовался оптимизатор картинок.
+1
Поддержу. Заметил на другой картинке
Очень пастельные красный, зеленый и синий цвета. Приближенный к CMYK палитре, а не RGB. И это не «из-за сжатия в PNG»
Не хорошо обманывать в статье про цвета.
картинка под спойлером![image](https://habrastorage.org/r/w1560/storage2/84c/413/29f/84c41329fc983da4f1ead7742249e95b.png)
![image](https://habrastorage.org/storage2/84c/413/29f/84c41329fc983da4f1ead7742249e95b.png)
Очень пастельные красный, зеленый и синий цвета. Приближенный к CMYK палитре, а не RGB. И это не «из-за сжатия в PNG»
Не хорошо обманывать в статье про цвета.
0
Автор очень гордится тем, что разобрался с позиционными системами счисления
+18
Когда-то делал мини-игру на эту тему «угадай цвет» (ползунок регулирует сложность). И еще ссылка в углу квадрата с цветом ведет на довольно интересный сайт.
+2
Вторая цифра каждой пары уточняет оттенокЧто это означает? Никакой оттенок она не уточняет, она совершенно равноправна с первой цифрой пары.
+8
«Цена деления» старшей цифры — 16, младшей — 1, поэтому можно сказать что младшая уточняет.
Это напоминает мне UI настройки на одном советском осциллографе, где для регулировкиположения «картинки» вертикального усиления были две ручки: «грубо», «плавно». Их значения суммировались с разными весами.
Это напоминает мне UI настройки на одном советском осциллографе, где для регулировки
+1
Пора вводить на хабре флажок «К.О.», дополнительно к tutorial и прочему.
+14
Не помешало бы в статье упомянуть о короткой форме записи цветов и web-safe цветах.
Короткая запись #123 то-же самое что и #112233.
Web-safe цвета — 12битная палитра состоящая из цветов, которые могут быть записаны в короткой форме. Её особенность — минимальные искажения на мониторах любой глубины цвета. Ко всему прочему, на ней тестированы алгоритмы сглаживания шрифтов. По этому желательно для текста использовать web-safe цвета.
Короткая запись #123 то-же самое что и #112233.
Web-safe цвета — 12битная палитра состоящая из цветов, которые могут быть записаны в короткой форме. Её особенность — минимальные искажения на мониторах любой глубины цвета. Ко всему прочему, на ней тестированы алгоритмы сглаживания шрифтов. По этому желательно для текста использовать web-safe цвета.
+1
Понимание цвета по hex-коду позволяет веб-дизайнеру быстрее ориентироваться в коде страницы
Да дело не в том что дизайнеры виноваты что не учат hex коды. Зачем? Я глубого убежден, что это всего лишь историческая концепция интерфейса представления информации. Так оно сложилось, как раньше 8 символов на имя и 3 на расширение, что мы все таки решили в текстовых редакторах показывать не двоичный код, а текст. Почему мы не верстаем в 16 ричном редакторе? Потому что это глупо. Глупо тратить время на ненужные операции.
Ровно так же с представлением цвета в тексте. Так оно сложилось, что никто, кроме веб IDE для вестки и веб разработки не счел нужным рядом с кодом цвета выводить этот самый цвет рядом. Для того чтобы не напрягать мозг на мелочевку. Оличный пример phpstorm. Кто в курсе, тот понял про что я.
Мы продожаем бороться с теми технологиями, которые почти невозможно изменить в силу «так оно вааще все появилось». Мы порой даже не замечам, что можно как то где то упростить.
Зачем развивать способности к чтению матрицы? В качестве справочника да, но не в качестве призыва.
+2
Я надеялся, что прочитав статью, я смогу на глаз, посмотрев значения цвета, прикидывать цвет.
Так же тут уже упоминалось
Ещё о буквенном написание названия цветов и об RGB(A) можно было бы рассказать.
Можете минусить, но статья ни о чем, ибо не полная. Кто сверстал хотя бы пару сайтов — это всё прекрасно знает.
Так же тут уже упоминалось
о короткой форме записи цветов и web-safe цветах
Ещё о буквенном написание названия цветов и об RGB(A) можно было бы рассказать.
Можете минусить, но статья ни о чем, ибо не полная. Кто сверстал хотя бы пару сайтов — это всё прекрасно знает.
+7
В первом примере ниже одна из пар меняется с шагом в 10%
А что за шкала HSB, которую автор, незаметив мимоходом, подкинул-то?
Она к RGB не имеет никакого отношения (на данном уровне подробности статьи).
+1
Всегда трепещу, когда встречаю в различных статьях культурные отсылки. А если эта статья еще и полезная, как эта…
P.S. Это я об FAE.
P.S. Это я об FAE.
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Теория цвета в цифрах