Подбор цвета для HTML формата
Обсуждая на занятиях ШМИАк использование языка HTML, мы познакомились с очень полезными ресурсами, например, http://htmlka.com/. Но среди них не было достаточно удобного источника для выбора цвета.
Поэтому предлагаем специально для этой цели разработанные диаграммы.
В диаграммах представлены безопасные для Интернета цвета (т.е. те, которые будут правильно воспроизводиться любым браузером).
Вы можете просто кликать на ячейку с выбранным Вами цветом и найти его код в верхней строчке левого квадрата. По методике copy-paste вписать код в свой текст.
Но, если Вам интересно или Вы просто любите понимать, что делаете, познакомьтесь с более подробной инструкцией.
Задача - помочь найти желанный цвет и определить для него код.
Обратите внимание,
код представлен в 16-ричной системе исчисления, поэтому начинается со значка “#”. Ее использование связано с тем, что каждый цвет представлен сочетанием трех базовых цветов (красный - red, зеленый - green, синий - blue). Для их кодирования используется формат RGB, т.е. первые 2 цифры или буквы относятся к красному, следующие - зеленому, последние - синему цветам
Значение, относящееся к каждому цвету, можно менять независимо от других двух, поэтому все возможные цвета (всего 4 096) можно уложить в куб.
Каждая из 3 осей куба соответствует одному из базовых цветов (красный, зеленый, синий).
Три пары знаков, входящих в код данного цвета, определяют координаты - местоположения ячейки с этим цветом.
Как можно найти нужную? Для этого Вы используете два развернутые на плоскость сечения. На диаграмме представлены 2 перпендикулярных сечения, которые содержат 512 цветов. Все цвета в квадрате составлены из различного соотношения насыщенности двух базовых (они отмечены окраской знаков, определяющих код цвета, по периметру квадрата), насыщенность третьего цвета для всех в этом сечении фиксирована. При создании оттенков в ячейках, объединенных в ряд, в левом квадрате меняется насыщенность одного базового цвета, скажем - зеленого, а в правом - другого, скажем - синего. При создании оттенков в ячейках по вертикали используется третий базовый цвет, в нашем примере - красный. Цвет, который менялся в каждом ряду левого квадрата, фиксирован в правом и наоборот.
Рамки этих больших квадратов содержат буквы или цифры, которые в сочетании RGB определяют только один цвет.
Кликнув на ячейку с выбранным Вами цветом, получите его код в верхней строке в левом квадрате. При этом, код написан выбранным цветом, а фоном служит дополнительный к нему цвет. В правом квадрате наоборот - на фоне выбранного цвета код дополнительного, написанный этим цветом. В правом квадрате автоматически выбирается ячейка с тем же цветом, но там он получается в ряду сочетаний насыщенности, где фиксирован уже другой цвет - скажем, красный, а синий и зеленый замешиваются в разном соотношении насыщенности. Если Вы не видите сразу цвет, который Вам нравится, кликните на близкий, получите 2 новых перпендикулярных сечения этого куба.
Таким образом, если мы выбираем нужный цвет, то можем варьировать оттенки, изменяя насыщенность не фиксированных цветов. Если нам надо сменить то, какой из трех цветов будет фиксирован, мы можем как бы повернуть наш куб и получить совсем новое сечение с новыми комбинациями базовых цветов. Для этого кликаем в вертикальную или горизонтальную строку со знаками (цифрами, буквами), определяющими код. Это гораздо проще сделать, чем описать, честное слово.
Так, методом постепенного приближения Вы можете найти цвет, идеально соответствующий Вашему ожиданию.
Приятной работы
Материал представлен под руководством разработчика.
Поэтому предлагаем специально для этой цели разработанные диаграммы.
В диаграммах представлены безопасные для Интернета цвета (т.е. те, которые будут правильно воспроизводиться любым браузером).
Вы можете просто кликать на ячейку с выбранным Вами цветом и найти его код в верхней строчке левого квадрата. По методике copy-paste вписать код в свой текст.
Но, если Вам интересно или Вы просто любите понимать, что делаете, познакомьтесь с более подробной инструкцией.
Задача - помочь найти желанный цвет и определить для него код.
Обратите внимание,
код представлен в 16-ричной системе исчисления, поэтому начинается со значка “#”. Ее использование связано с тем, что каждый цвет представлен сочетанием трех базовых цветов (красный - red, зеленый - green, синий - blue). Для их кодирования используется формат RGB, т.е. первые 2 цифры или буквы относятся к красному, следующие - зеленому, последние - синему цветам
Значение, относящееся к каждому цвету, можно менять независимо от других двух, поэтому все возможные цвета (всего 4 096) можно уложить в куб.
Каждая из 3 осей куба соответствует одному из базовых цветов (красный, зеленый, синий).
Три пары знаков, входящих в код данного цвета, определяют координаты - местоположения ячейки с этим цветом.
Как можно найти нужную? Для этого Вы используете два развернутые на плоскость сечения. На диаграмме представлены 2 перпендикулярных сечения, которые содержат 512 цветов. Все цвета в квадрате составлены из различного соотношения насыщенности двух базовых (они отмечены окраской знаков, определяющих код цвета, по периметру квадрата), насыщенность третьего цвета для всех в этом сечении фиксирована. При создании оттенков в ячейках, объединенных в ряд, в левом квадрате меняется насыщенность одного базового цвета, скажем - зеленого, а в правом - другого, скажем - синего. При создании оттенков в ячейках по вертикали используется третий базовый цвет, в нашем примере - красный. Цвет, который менялся в каждом ряду левого квадрата, фиксирован в правом и наоборот.
Рамки этих больших квадратов содержат буквы или цифры, которые в сочетании RGB определяют только один цвет.
Кликнув на ячейку с выбранным Вами цветом, получите его код в верхней строке в левом квадрате. При этом, код написан выбранным цветом, а фоном служит дополнительный к нему цвет. В правом квадрате наоборот - на фоне выбранного цвета код дополнительного, написанный этим цветом. В правом квадрате автоматически выбирается ячейка с тем же цветом, но там он получается в ряду сочетаний насыщенности, где фиксирован уже другой цвет - скажем, красный, а синий и зеленый замешиваются в разном соотношении насыщенности. Если Вы не видите сразу цвет, который Вам нравится, кликните на близкий, получите 2 новых перпендикулярных сечения этого куба.
Таким образом, если мы выбираем нужный цвет, то можем варьировать оттенки, изменяя насыщенность не фиксированных цветов. Если нам надо сменить то, какой из трех цветов будет фиксирован, мы можем как бы повернуть наш куб и получить совсем новое сечение с новыми комбинациями базовых цветов. Для этого кликаем в вертикальную или горизонтальную строку со знаками (цифрами, буквами), определяющими код. Это гораздо проще сделать, чем описать, честное слово.
Так, методом постепенного приближения Вы можете найти цвет, идеально соответствующий Вашему ожиданию.
Приятной работы
Материал представлен под руководством разработчика.