Hex коды что это: Как работают hex-коды для обозначения цветов

Как работают hex-коды для обозначения цветов

Перевод статьи «How Hex Code Colors Work – and How to Choose Colors Without A Color Picker».

Каким бы проектом вы ни занимались, скорее всего на каком-то этапе вы начнете работать с цветами. Особенно, если вы (как и многие другие) начинаете изучение программирования с HTML и создания веб-страниц.

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

По мере накопления опыта вы начнете смотреть скорее на сами коды цветов, а не просто полагаться на редактор. Вы заметите, что выбираемые вами цвета обозначаются какими-то странными кодами, вроде #ff0000.

Это hex-коды цветов. Они — фундаментальная часть работы HTML и CSS. Если вы разберетесь в том, как они функционируют, это не только поможет вам сэкономить массу времени, но и позволит создавать более элегантный и надежный код, причем гораздо быстрее.Hex коды что это: Как работают hex-коды для обозначения цветов

В этой статье я расскажу вам обо всем, что вам нужно знать о hex-кодировке цветов.

Что означает слово «hex»?

Для начала давайте разберем, что в термине «hex-код» означает слово «hex». В этом контексте «hex» — это сокращение слова «hexadecimal» (англ. «шестнадцатеричный»). Речь идет о шестнадцатеричной системе счисления, где основание чисел — 16, а не привычное нам 10 (в десятичной системе).

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

В шестнадцатеричной системе счисления используются те же цифры, что и в десятичной (0-9), а затем ряд продолжается буквами латинского алфавита. Таким образом, числа 10-15 представлены буквами A, B, C, D, E, F.

Почему для обозначения цветов стали использовать шестнадцатеричную систему счисления? Дело в том, что она естественным образом связана с двоичной системой, которую использует ваш компьютер.

Числа в двоичной системе часто представляются в виде степеней двойки, а 16 — это 2^4.Hex коды что это: Как работают hex-коды для обозначения цветов В общем, конвертировать числа шестнадцатеричной системы в двоичные (и обратно) просто удобно. Но сейчас мы этим заниматься не будем.

Это была просто дополнительная информация. Она вам не нужна для применения hex-кодов цветов, но может пригодиться, если захотите произвести впечатление на кого-нибудь.

Из каких компонентов состоит цвет?

Как шестнадцатеричные коды используются для обозначения RGB-цветов? (RGB — цветовая модель, описывающая способ кодирования цвета для цветовоспроизведения с помощью трёх цветов, которые принято называть основными. Сама аббревиатура RGB расшифровывается как red, green, blue — красный, зелёный, синий. — Прим. ред. Techrocks).

Каждый пиксель цветного монитора состоит из трех светящихся элементов красного, зелёного и синего цвета. Если рассмотрите экран в большом приближении, вы их увидите (если экран древний, слишком напрягаться не придется). Цвета, которые вы видите на экране, образуются благодаря управлению яркостью каждого из этих элементов.Hex коды что это: Как работают hex-коды для обозначения цветов 8. Просто еще один факт, который знать не обязательно).

К этому моменту внимательные читатели могли уже понять, насколько просто работать с цветами, представленными в такой форме. Черный цвет представляется как RGB (0,0,0), а белый — RGB (255,255,255). Ну а зеленый, соответственно, — RGB (0,255,0).

Hex-кодировка цветов

Теперь, зная, что в принципе означают коды цветов, давайте посмотрим на hex-коды. Возьмем, к примеру, #ff0000, и попробуем разобраться, что этот код означает.

Посмотрите на таблицу перевода чисел из шестнадцатеричной системы в десятичную, и вы увидите, что «FF» — это 255 в десятичной системе.

Это подсказка. Два первых символа в нашем hex-коде (да и во всех остальных тоже) относятся к красному цвету, и в данном случае его значение — 255. Следующие два символа отвечают за зеленый, а последние — за синий цвет.

Исходя из этого, вы можете понять, что #ff0000 — то же самое, что RGB (255,0,0). То есть, чистый красный.Hex коды что это: Как работают hex-коды для обозначения цветов Аналогично, #ff00ff — это максимум красного и одновременно синего, а вместе они дают пурпурный (magenta).

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

Эта система также означает, что вам доступна очень широкая палитра цветов, потому что каждый компонент может иметь любое значение, от 0 до 255. Попробуйте прикинуть количество вариантов, и вы поймете, что вам доступны 16777216 цветов.

Как использовать сокращенные обозначения цвета

Разобравшись с hex-кодами, вы можете начать использовать их в своих веб-проектах — вместо пипетки в программе для выбора цвета.

Но сначала будет полезным узнать, что это не единственные опции.

Поскольку HTML проектировался так, чтобы им было удобно пользоваться, он допускает использование сокращенной записи hex-кодов. Например, код чистого красного цвета #FF0000 можно сократить до #F00.Hex коды что это: Как работают hex-коды для обозначения цветов Одна цифра для красного, одна для зеленого и одна для синего. Браузеры интерпретируют #FF0000 и #F00 одинаково.

Такая запись сокращает доступное количество цветов до примерно 4 тысяч, но ее применение дает некоторые преимущества.

Сокращенный формат записи цветов может улучшить производительность ваших веб-страниц. Это может быть незаметно в маленьких проектах, но будет иметь большое значение, когда ваши проекты станут более сложными.

Почему стоит использовать hex-коды

Большинство конструкторов сайтов позволяют вводить hex-код вместо выбора цвета при помощи мыши. Такой подход имеет ряд преимуществ.

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

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

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

Дополнительные преимущества

Hex-коды применяются при работе с HTML, но не только. Практически все программы для работы с изображениями пользуются той же кодировкой. Таким образом, разобравшись, как работают hex-коды, вы получаете полезный и переносимый навык.

HEX-код цвета и RGD кодировка

Безопасная палитра цветов – это общепринятый стандарт для web-дизайнеров. Существует множество платформ и еще большее количество браузеров для этих платформ и все они воспринимают цвета по-разному.Hex коды что это: Как работают hex-коды для обозначения цветов Для того, чтобы передать пользователям правильный цвет была составленная таблица цветов, которые ввиду особенности их цветового кода отображаются одинаково правильно на всех платформах и во всех браузерах.

Цвет для браузера, равно как и для компьютера это код, так же как и все остальные данные. Существует две наиболее популярные кодировки записи цвета – HEX-код цвета и RGD кодировка. HEX-код – это представление цвета в виде шестизначного шифра записываемого с помощью шестнадцатеричной кодировки. RGB – RedGreenBlue, то есть представление цвета соотношением содержащихся в нем трех основных цветов, записывается каждый цвет кодом цифровым кодом от 0 до 255, цвета разделяются между собой точкой. Например: абсолютно красный цвет, а значит, в нем нет примесей ни зеленого, ни синего цветов, коды будут выглядеть следующим образом: HEX-код #FF0000, RGB код 255.000.000. А коды абсолютно черного и абсолютно белого будут выглядеть следующим образом HEX #000000 RGB 000.000.000 и HEX #FFFFFF RGB 255.Hex коды что это: Как работают hex-коды для обозначения цветов 255.255 соответственно.

Всего таких цветов 216. Конечно это немного для web-дизайнера, но единого стандарта всей цветовой палитры так и не создано.

ЦветRGB-код цветаHEX-код цвета
255.255.204#FFFFCC
255.255.153#FFFF99
255.255.102#FFFF66
255.255.51#FFFF33
255.255.0#FFFF00
204.204.0#CCCC00
255.204.102#FFCC66
255.204.0#FFCC00
255.204.51#FFCC33
204.153.0#CC9900
204.153.51#CC9933
153.Hex коды что это: Как работают hex-коды для обозначения цветов 102.0#996600
255.153.0#FF9900
255.153.51#FF9933
204.153.102#CC9966
204.102.0#CC6600
153.102.51#996633
102.51.0#663300
255.204.153#FFCC99
255.153.102#FF9966
255.102.0#FF6600
204.102.51#CC6633
153.51.0#993300
102.0.0#660000
255.102.51#FF6633
204.51.0#CC3300
255.51.0#FF3300
255.Hex коды что это: Как работают hex-коды для обозначения цветов 0.0#FF0000
204.0.0#CC0000
153.0.0#990000
255.204.204#FFCCCC
255.153.153#FF9999
255.102.102#FF6666
255.51.51#FF3333
255.0.51#FF0033
204.0.51#CC0033
204.153.153#CC9999
204.102.102#CC6666
204.51.51#CC3333
153.51.51#993333
153.0.51#990033
51.0.0#330000
255.102.153#FF6699
255.Hex коды что это: Как работают hex-коды для обозначения цветов 51.102#FF3366
255.0.102#FF0066
204.51.102#CC3366
153.102.102#996666
102.51.51#663333
255.153.204#FF99CC
255.51.153#FF3399
255.0.153#FF0099
204.0.102#CC0066
153.51.102#993366
102.0.51#660033
255.102.204#FF66CC
255.0.204#FF00CC
255.51.204#FF33CC
204.102.153#CC6699
204.Hex коды что это: Как работают hex-коды для обозначения цветов 0.153#CC0099
153.0.102#990066
255.204.255#FFCCFF
255.153.255#FF99FF
255.102.255#FF66FF
255.51.255#FF33FF
255.0.255#FF00FF
204.51.153#CC3399
204.153.204#CC99CC
204.102.204#CC66CC
204.0.204#CC00CC
204.51.204#CC33CC
153.0.153#990099
153.51.153#993399
204.102.255#CC66FF
204.Hex коды что это: Как работают hex-коды для обозначения цветов 51.255#CC33FF
204.0.255#CC00FF
153.0.204#9900CC
153.102.153#996699
102.0.102#660066
204.153.255#CC99FF
153.51.204#9933CC
153.51.255#9933FF
153.0.255#9900FF
102.0.153#660099
102.51.102#663366
153.102.204#9966CC
153.102.255#9966FF
102.0.204#6600CC
102.51.204#6633CC
102.Hex коды что это: Как работают hex-коды для обозначения цветов 51.153#663399
51.0.51#330033
204.204.255#CCCCFF
153.153.255#9999FF
102.51.255#6633FF
102.0.255#6600FF
51.0.153#330099
51.0.102#330066
153.153.204#9999CC
102.102.255#6666FF
102.102.204#6666CC
102.102.153#666699
51.51.153#333399
51.51.102#333366
51.51.255#3333FF
51.0.Hex коды что это: Как работают hex-коды для обозначения цветов 255#3300FF
51.0.204#3300CC
51.51.204#3333CC
0.0.153#000099
0.0.102#000066
102.153.255#6699FF
51.102.255#3366FF
0.0.255#0000FF
0.0.204#0000CC
0.51.204#0033CC
0.0.51#000033
0.102.255#0066FF
0.102.204#0066CC
51.102.204#3366CC
0.51.255#0033FF
0.51.153#003399
0.Hex коды что это: Как работают hex-коды для обозначения цветов 51.102#003366
153.204.255#99CCFF
51.153.255#3399FF
0.153.255#0099FF
102.153.204#6699CC
51.102.153#336699
0.102.153#006699
102.204.255#66CCFF
51.204.255#33CCFF
0.204.255#00CCFF
51.153.204#3399CC
0.153.204#0099CC
0.51.51#003333
153.204.204#99CCCC
102.204.204#66CCCC
51.Hex коды что это: Как работают hex-коды для обозначения цветов 153.153#339999
102.153.153#669999
0.102.102#006666
51.102.102#336666
204.255.255#CCFFFF
153.255.255#99FFFF
102.255.255#66FFFF
51.255.255#33FFFF
0.255.255#00FFFF
0.204.204#00CCCC
153.255.204#99FFCC
102.255.204#66FFCC
51.255.204#33FFCC
0.255.204#00FFCC
51.204.204#33CCCC
0.Hex коды что это: Как работают hex-коды для обозначения цветов 153.153#009999
102.204.153#66CC99
51.204.153#33CC99
0.204.153#00CC99
51.153.102#339966
0.153.102#009966
0.102.51#006633
102.255.153#66FF99
51.255.153#33FF99
0.255.153#00FF99
51.204.102#33CC66
0.204.102#00CC66
0.153.51#009933
153.255.153#99FF99
102.255.102#66FF66
51.Hex коды что это: Как работают hex-коды для обозначения цветов 255.102#33FF66
0.255.102#00FF66
51.153.51#339933
0.102.0#006600
204.255.204#CCFFCC
153.204.153#99CC99
102.204.102#66CC66
102.153.102#669966
51.102.51#336633
0.51.0#003300
51.255.51#33FF33
0.255.51#00FF33
0.255.0#00FF00
0.204.0#00CC00
51.204.51#33CC33
0.204.51#00CC33
102.Hex коды что это: Как работают hex-коды для обозначения цветов 255.0#66FF00
102.255.51#66FF33
51.255.0#33FF00
51.204.0#33CC00
51.153.0#339900
0.153.0#009900
204.255.153#CCFF99
153.255.102#99FF66
102.204.0#66CC00
102.204.51#66CC33
102.153.51#669933
51.102.0#336600
153.255.0#99FF00
153.255.51#99FF33
153.204.102#99CC66
153.204.0#99CC00
153.Hex коды что это: Как работают hex-коды для обозначения цветов 204.51#99CC33
102.153.0#669900
204.255.102#CCFF66
204.255.0#CCFF00
204.255.51#CCFF33
204.204.153#CCCC99
102.102.51#666633
51.51.0#333300
204.204.102#CCCC66
204.204.51#CCCC33
153.153.51#999966
153.153.102#999933
153.153.0#999900
102.102.0#666600
255.255.255#FFFFFF
204.Hex коды что это: Как работают hex-коды для обозначения цветов 204.204#CCCCCC
153.153.153#999999
102.102.102#666666
51.51.51#333333
0.0.0#000000

Что я должен использовать? Hex кодов, RGB кодов или названия цветов в коде?

Я просто хотел знать, будет ли разница, или будет лучше, если я буду использовать hex кода в HTML, как #000000, RGB кода, как rgb(0,0,0), или названия цветов, как black ?

html

css

colors

Поделиться

Источник


Unknown

25 октября 2014 в 13:56

3 ответа



1

Нет никакой разницы. Вы можете использовать все.

Поделиться


Patricia Heimfarth

25 октября 2014 в 14:02


1

Это действительно зависит от ваших собственных предпочтений для большинства, но я обычно избегаю названий цветов, потому что вы зависите от чего-то другого, чтобы перевести цвет.Hex коды что это: Как работают hex-коды для обозначения цветов Пока я избегаю RGBA, так как он получает поддержку, но все еще не поддерживается достаточно широко. RGB, хотя немного легче манипулировать в javascript.

Поделиться


Jason W

25 октября 2014 в 14:07


0

я предлагаю вам использовать шестнадцатеричный код типа #000000 , потому что такие имена, как черный, белый, являются метками, назначенными браузером для такого рода кода, так что, возможно, какой-то браузер не распознает их. hexa и RGB — это одно и то же (вы можете использовать их вместе без проблем). Единственное преимущество использования RGB заключается в том, что вы можете объявить Альфа-код непосредственно в правиле, например RGBA (RED, GREEN, BLUE, ALPHA LEVEL) instEad объявления другого правила css

Поделиться


Gumma Mocciaro

25 октября 2014 в 14:02


  • Сортировка Hex цветовых кодов с увеличением градиента

    У меня есть проблема, у меня есть несколько тысяч цветовых кодов RGB и соответствующих значений Hex, я хочу отсортировать их в порядке возрастания интенсивности цвета. Я нашел несколько методов для этого, но не могу понять, как их реализовать, может ли кто-нибудь помочь мне понять, как заставить…

  • Отображение имен, связанных с цветами в палитре, вместо кодов hex

    У меня есть палитра цветов ( my_pal ), которую мне нужно использовать очень часто. Чтобы взаимодействовать с этой палитрой, я адаптировал my_color_pal отсюда, это действительно работает, но иногда я хочу иметь возможность отображать имена в моей палитре вместо цветовых кодов hex. Возможно ли это?…


Похожие вопросы:

какой из них быстрее: hex цветовых кодов или названий цветов?

Я просто хотел знать, быстрее ли использовать цветовые коды hex или названия цветов, когда я хочу использовать их в CSS?

Есть ли плагин Vim для выделения Hex, Rgb цветов

В эти дни я поселился в Vim, мне вроде как нравится плагин HexHighlight, но мне нужно что-то еще лучше, например выделение имен цветов, кодов Hex, цветов rgb и т. д. И да, мне действительно нужно,…

Преобразовать отрицательные числа в HEX или RGB

Я никогда не видел таких цветовых кодов, как -1 , -16777216 , -256 и т. д. Итак, моя нынешняя проблема заключается в следующем: У нас есть стороннее программное обеспечение, в котором вы можете…

Есть ли какие-либо различия в производительности между названиями цветов или шестнадцатеричными значениями в css?

Свойства цвета в CSS могут принимать имена цветов ( белый, розовый и т. д.) или шестнадцатеричные значения ( #FFF , #669966 и т. д.) или RGB. Но не все названия цветов являются стандартными для всех…

Есть ли какие-либо минусы в использовании названий цветов вместо цветовых кодов в CSS?

Например, написание red более эффективно, чем #cc0000 . Он имеет меньше символов, занимает меньше места и легче запоминается. Есть ли какие-то недостатки в использовании названий цветов поверх кодов…

Сортировка Hex цветовых кодов с увеличением градиента

У меня есть проблема, у меня есть несколько тысяч цветовых кодов RGB и соответствующих значений Hex, я хочу отсортировать их в порядке возрастания интенсивности цвета. Я нашел несколько методов для…

Отображение имен, связанных с цветами в палитре, вместо кодов hex

У меня есть палитра цветов ( my_pal ), которую мне нужно использовать очень часто. Чтобы взаимодействовать с этой палитрой, я адаптировал my_color_pal отсюда, это действительно работает, но иногда я…

Измените все значения цветов hex на rgb

У меня есть около 50 css файлов с более чем 200 цветовыми записями. Мне нужно преобразовать все значения hex цветов в rgb. Есть ли какой-нибудь инструмент, который может облегчить мою задачу, иначе…

Сопоставление цветовых кодов RGB/hex с общими цветовыми категориями

Существует ли набор данных, который сопоставляет каждое из значений цвета ~16M RGB или hex с общим семейством цветов / категорией — например, красным, фиолетовым, оранжевым, бежевым, коричневым и т….

Разница между hex цветом, RGB и RGBA и когда каждый из них должен использоваться?

Просматривая учебники по множеству тем, я часто видел, как RGB & RGBA используется вместо hex кодов для цветов в HTML/CSS. Может ли кто-нибудь объяснить мне точно, в чем разница между RGB, RGBA,…

Ломаем ИГРЫ

Главная

Ломаем ИГРЫ

Источник: www.hkr.ru

На
неделю я стал читером, благодаря чему за два дня прошёл Need For Speed Underground, за день – Max Payne 2 и GTA Vice City.

Что
такое cheat?
«Cheat» в переводе
с английского означает «обман». В геймерском жаргоне это всего лишь
обозначение «штуки, которая помогает выиграть у компьютера».

Сheat-code — это коды, которые
были заранее встроены в игру разработчиками. Могут легко и быстро давать
игроку бессмертие, оружие (когда дело касается игр action) и прочие полезные
вещи. Обычно эти коды набираются уже в процессе игры, выделяясь тем или иным
способом, например через нажатие клавиш Enter или Backspace. Иногда они
вставляются как параметр командной строки, впрочем, способов существует
масса. Кое-где это вообще не коды в привычном понимании, а, скажем, пароли
уровней или что-нибудь еще в этом же духе.

Hint
— обычная подсказка или подсказки. Не несут «читерской» или «прохожденческой»
направленности, но могут помочь, дав ценный или не очень ценный совет. Часто
за надписью hint встречаются действительно интересные тактические или
стратегические подсказки. Если игрок «честный читер», то он чаще пользуется
как раз хинтами, а не кодами с трейнерами.

Easter
egg — буквальный перевод «пасхальное яйцо». Это не совсем
cheat. «Пасхальные яйца», так же как и читы, заранее заложены в игру. Они
активируются путем набора кода или выполнением определенной
последовательности действий. Обычно они не ничем не помогают в прохождении
игры, зато повышают моральный настрой. Как правило
это какие-то шутки или «фишки», связанные с юмором. Например, на экран может
быть выведен шутливый список создателей игры или даже что-то изменится в
самой игре. Так, например, в одной из последних серий Larry игрокам давали
посмотреть на более чем обычно обнаженную натуру. Кстати, Easter eggs также
имеются и в серьезном программном обеспечении.

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

HEX
коды — вот это будет трудно для понимания рядового
пользователя или новичка в компьютерном деле. Обычно тексты с hex
(шестнадцатеричными) кодами включают в себя описание того, как нужно изменить
код игры (или содержание сохраненной игры), чтобы получить желаемый
результат. Для внесения таких изменений надо, как минимум, знать, что такое
смещение и иметь hex редактор. Для тех, кто вопросом не владеет, лучше в
подобные материи пока и не вмешиваться.

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

Но для всех тех, кто предпочитает в дебри
не лезть и модифицировать игры с большим комфортом, есть специализированные
программы.

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

Конечно, рассказать про все
существующие Trainer нереально. Однако четыре из них будут рассмотрены.

GameHack
2.0
<http://www.pkinform.ru/soft/gamehack20.zip>
<http://www.pkinform.ru/soft/gamehack.zip>
Судя по возгласам из Интернета, это очень популярная программа по
взлому игр. Да, она очень удобна и универсальна, однако имеет один
органический недостаток — автор хочет за неё денег. И, видимо, немало.
Программа бесплатно работает только пятнадцать дней. Так что придётся платить… Ну или взламывать уже ее саму.
Однако горе тому, кто попытается поработать с ней под Windows XP, ибо
GameHack написана исключительно под Windows 95/98.

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

Программа очень проста в использовании.
От игрока требуется только ввести текущее значение параметра, который он
желает редактировать и информировать программу, когда параметр изменяется.
Например, в Quake расстреливаются патроны, а в Warcraft тратится некоторое
количество денег. Таким образом поиск будет сужаться
до тех пор, пока не останется один или два параметра. Вот здесь и находятся
желаемые данные. Игрок может просто изменять их на любые реальные значения,
какие только ему нужны. Ну а когда он это сделает, то может ощутить себя
подлинным богом, особенно в RTS …

Игроку не нужно иметь какие-либо
познания в программировании или отладке, которые требуются при использовании
многих других аналогичных программ. GameHack сделана
для всех геймеров, которые не хотят тратить время на обучение взлому, но
хотят немного «поупражняться» с некоторыми играми. Главное, что это работает
с любой игрой, в которой действует функция переключения окна с помощью
комбинации клавиш Alt+Tab.
Использовать GameHack несложно. Нужно запустить эту программу, запустить игру
и запомнить текущее значение параметра, который предполагается редактировать.
Например, количество патронов. Предположим, это число равняется 85. Затем
следует нажать Ctrl+F12 или Alt+Tab и перейти в окно GameHack. Далее нужно
кликнуть по кнопке «Process» в левом верхнем углу экрана. Появится список
активных процессов в системе. Рядом с каждым адресом написан идентификатор.
Необходимо найти тот, который совпадает с названием игры. Для примера
несколько параметров: Lords of Magic = FFC02121 lom, Doom = FFC02121 Doom,
Diablo = FFDD0232 Diablo, GTA I = FFF967D7 MGL Fullscreen. 8-значный код
напротив идентификатора не имеет значения, так как он просто используется
компьютером для запоминания адреса приложения.

После выбора нужного процесса
необходимо нажать кнопку «Search» и вписать текущее значение нужного
параметра. Затем необходимо менять это значение в игре, например, расходуя
патроны. После чего нужно жать «Next Search» и вписывать новые текущие
данные. Процесс этот, конечно, обычно приходится продолжать не по одному
кругу, однако все-таки не очень долго. Кстати, одно из весомых достоинств
GameHack как раз и заключается в быстром поиске нужного параметра. Буквально
пара циклов поиска, и результат уже получен.

Cheat
O’Matic
<http://www.pkinform.ru/soft/omatic.zip>
Эта «кряка» отличается от всех остальных своих современниц тем, что
интерфейс её упрощён настолько, насколько это вообще возможно. С помощью
Cheat O`Matic игрок не сможет изменить шкалу жизни или маны героя. Программа
нацелена только на ресурсы. Но она очень проста, несмотря на то, что
параметры приходится изменять раз пять, прежде чем
добиться желаемого результата.

ArtMoney
<http://www.pkinform.ru/soft/artmoney610rus.exe>
Эта программа принадлежит к ветвистому семейству универсальных
взломщиков игр и является приятной во всех отношениях. Начать хотя бы с того,
что она написана русским автором.. К тому же автор не поленился и написал
подробную документацию и опять-таки на великом и
могучем… Документация может дать ответ практически на любой вопрос, который
способен зародиться у пользователя. Что удобно, ломать можно как игры,
работающие исключительно под Windows, так и под DOS.

Набор опций достаточно стандартен.
Однако есть у ArtMoney одна возможность, заслуживающая отдельной песни. Часто
игрок находит в игре кучу нужных адресов, записывает все это в таблицу и сохраняет.
А потом переходит на следующий уровень или просто загружает запись, и все
рушится, ни одно значение уже не соответствует тому, что было раньше. Все они
сдвинулись на некоторое количество байт, и игроку придется все искать заново.

Чтобы сэкономить время, в ArtMoney
предусмотрено «автоизменение адресов». Если у игрока есть таблица с грудой
уже не работающих адресов и ему не хочется тратить время на новые поиски,
нужно найти лишь какое-нибудь одно значение. Допустим, в «Героях Меча и
Магии» существует целая куча ресурсов, и адреса всех их игрок уже нашел в
одной из миссий. Однако миссия завершена, и адреса не работают. Теперь же
надо найти новое местоположение, допустим, леса и применить «автоизменение
адресов». ArtMoney за игрока высчитает, по какой закономерности сдвинулся
адрес, и передвинет все остальные адреса точно таким же образом, экономя кучу
времени и сил.

Game
Trainer
<http://www.pkinform.ru/soft/trainer.exe>
Яркий пример программы, сделанной, что называется «на коленке». Зачем автор
ее писал, навсегда останется загадкой. Чисто теоретически программа является
универсальным взломщиком игр. В ней реализован лишь один, самый простейший
алгоритм поиска в памяти. Игрок может искать лишь точно известные ему
значения. Таким образом, про всякие там полоски энергии и тому подобное можно
забыть сразу — подобные фокусы этой программе просто не по зубам.

Сама реализация алгоритма вызывает
массу нареканий, и его работоспособность более чем сомнительна. Не стоит
удивляться, если Game Trainer не сможет найти ни одно из нужных значений.
Складывается впечатление, что путем побитного сравнения отпечатков памяти
игрок быстрее справится со стоящей перед ним задачей, чем Game Trainer сможет
найти нужные адреса. Зато если случится чудо и программа вдруг найдет
искомое, то нужно не медля ни минуты сохранить это в
файл особого формата и начинать молиться, чтобы адреса не изменились при
следующей загрузке игры, иначе придется всю канитель начинать сначала.

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

P.S. А читерство-то, оказывается,
затягивает!

Титул

Названия, HEX и RGB коды цветов в HTML

ЦветRGB кодHEX кодНазвание цветаНазвание цвета на англ.
000000000#000000ЧерныйBlack
000000128#000080Темно-синийNavy
000000139#00008bТемно-голубойDarkblue
000000205#0000cdУмеренно-голубойMediumblue
000000255#0000ffСинийBlue
000100000#006400Темно-зеленыйDarkgreen
000128000#008000ЗеленыйGreen
000128128#008080ЧайныйTeal
000139139#008b8bТемный цианDarkcyan
000191255#00bfffТемный небесно-синийDeepskyblue
000206209#00ced1Темно-бирюзовыйDarkturquoise
000250154#00fa9aУмеренный синевато-серыйMediumspringgreen
000255000#00ff00ИзвестковыйLime
000255127#00ff7fВесенний зеленыйSpringgreen
000255255#00ffffМорской волныAqua
025025112#191970Ночной синийMidnightblue
030144255#1e90ffТускло-васильковыйDodgerblue
032178170#20b2aaСветлой морской волныLightseagreen
034139034#228b22Лесной зеленыйForestgreen
046139087#2e8b57Морской зеленыйSeagreen
047079079#2f4f4fТемный синевато-серыйDarkslategray
050205050#32cd32Зеленовато-известковыйLimegreen
060179113#3cb371Умеренной морской волныMediumseagreen
064224208#40e0d0БирюзовыйTurquoise
065105225#4169e1Королевский голубойRoyalblue
070130180#4682b4Голубовато-стальнойSteelblue
072061139#483d8bТемный серовато-синийDarkslateblue
072209204#48d1ccУмеренно-бирюзовыйMediumturquoise
075000130#4b0082ИндигоIndigo
085107047#556b2fТемно-оливковыйDarkolivegreen
095158160#5f9ea0Блеклый серо-голубойCadetblue
100149237#6495edВасильковыйCornflowerblue
102205170#66cdaaУмеренно-аквамариновыйMediumaaquamarine
105105105#696969Тускло-серыйDimgray
106090205#6a5acdСеровато-синийSlateblue
107142035#6b8e23Тускло-коричневыйOlivedrab
112128144#708090Синевато-серыйSlategray
119136153#778899Светлый синевато-серыйLightslategray
123104238#7b68eeУмеренный серовато-синийMediumslateblue
124252000#7cfc00Зеленой травыLawngreen
127255000#7fff00ФисташковыйChartreuse
127255212#7fffd4АквамаринAquamarine
128000000#800000Оранжево-розовыйMaroon
128000128#800080ПурпурныйPurple
128128000#808000ОливковыйOlive
128128128#808080СерыйGray
135206235#87ceebНебесно-голубойSkyblue
135206250#87cefaСветлый небесно-синийLightskyblue
138043226#8a2be2Светло-фиолетовыйBlueviolet
139000000#8b0000Темно-красныйDarkred
139000139#8b008bТемный фуксинDarkmagenta
139069019#8b4513Старой кожиSaddlebrown
143188143#8fbc8fТемный морской волныDarkseagreen
147112219#9370dbУмеренно-пурпурныйMediumpurple
148000211#9400d3Темно-фиолетовыйDarkviolet
152251152#98fb98Бледно-зеленыйPalegreen
153050204#9932ccТемно-орхидейныйDarkorchid
154205050#9acd32Желто-зеленыйYellowgreen
156238144#9cee90Светло-зеленыйLightgreen
160082045#a0522dОхраSienna
165042042#a52a2aКоричневыйBrown
169169169#a9a9a9Темно-серыйDarkgray
173216230#add8e6Светло-голубойLightblue
173255047#adff2fЖелто-зеленыйGreenyellow
175238238#afeeeeБледно-бирюзовыйPaleturquise
176196222#b0c4deСветло-стальнойLightsteelblue
176224230#b0e0e6Туманно-голубойPowderblue
178034034#b22222Огнеупорного кирпичаFirebrick
184134011#b8860bТемный красно-золотойDarkgoldenrod
186085211#ba55d3Умеренно-орхидейныйMediumorchid
188143143#bc8f8fРозово-коричневыйRosybrown
189183107#bdb76bТемный хакиDarkkhaki
192192192#c0c0c0СеребристыйSilver
199021133#c71585Умеренный красно-фиолетовыйMediumvioletred
205092092#cd5c5cЯрко-красныйIndianred
205133063#cd853fКоричневыйPeru
210105030#d2691eШоколадныйChocolate
210180140#d2b48cЖелтовато-коричневыйTan
211211211#d3d3d3Светло-серыйLightgray
216191216#d8bfd8ЧертополохаThistle
218112214#da70d6ОрхидейныйOrchid
218165032#daa520Красного золотаGoldenrod
219112147#db7093Бледный красно-фиолетовыйPlaevioletred
220020060#dc143cМалиновыйCrimson
220220220#dcdcdcСветлый серо-фиолетовыйFainsboro
221160221#dda0ddСливовыйPlum
222184135#deb887Старого дереваBurlywood
224255255#e0ffffСветлый цианLightcyan
230230250#e6e6faБледно-лиловыйLavender
233150122#e9967aТемный оранжево-розовыйDarksalmon
238130238#ee82eeФиолетовыйViolet
238232170#eee8aaБледно-золотойPalegoldenrod
240128128#f08080Светло-коралловыйLightcoral
240230140#f0e68cХакиKhaki
240248255#f0f8ffБлекло-голубойAliceblue
240255240#f0fff0Свежего медаHoneydew
240255255#f0ffffЛазурьAzure
244164096#f4a460Рыже-коричневыйSandybrown
245222179#f5deb3ПшеничныйWheat
245245220#f5f5dcБежевыйBeige
245245245#f5f5f5Белый дымчатыйWhitesmoke
245255250#f5fffaМятно-кремовыйMintcream
248248255#f8f8ffТуманно-белыйGhostwhite
250128114#fa8072Оранжево-розовыйSalmon
250235215#faebd7Античный белыйAntuquewhite
250240230#faf0e6ЛьнянойLinen
253245230#fdf5e6Старого коньякаOldlace
255000255#ff00ffФуксияFuchsia
255020147#ff1493Темно-розовыйDeeppink
255069000#ff4500Красно-оранжевыйOrangered
255099071#ff6347ТоматныйTomato
255105180#ff69b4Ярко-розовыйHotpink
255127080#ff7f50КоралловыйCoral
255140000#ff8c00Темно-оранжевыйDarkorange
255160122#ffa07aСветлый оранжево-розовыйLightsalmon
255165000#ffa500ОранжевыйOrange
255182193#ffb6c1Светло-розовыйLightpink
255192203#ffc0cbРозовыйPink
255215000#ffd700ЗолотойGold
255218185#ffdab9ПерсиковыйPeachpuff
255222173#ffdeadГрязно-серыйNavajowhite
255228181#ffe4b5БолотныйMoccasin
255228196#ffe4c4БисквитныйBisque
255228225#ffe4e1Туманно-розовыйMistyrose
255235205#ffebcdСветло-кремовыйBlanchedalmond
255239213#ffefd5ДыниPapayaawhip
255240245#fff0f5Бледный розово-лиловыйLavenderblush
255245238#fff5eeМорской пеныSeashell
255248220#fff8dcБледно-желтыйCornsilk
255250205#fffacdЛимонныйLemonchiffon
255250240#fffaf0Цветочно-белыйFloralwhite
255250250#fffafaСнежныйSnow
255255000#ffff00ЖелтыйYellow
255255224#ffffe0Светло-желтыйLightyellow
255255240#fffff0Слоновой костиIvory
255255255#ffffffБелыйWhite

WORDPRESS 19 HEX коды и стили ссылок Системы управления кон…

Привет, сегодня поговорим про wordpress hex коды, обещаю рассказать все что знаю. Для того чтобы лучше понимать что такое
wordpress hex коды,стили ссылок , настоятельно рекомендую прочитать все из категории Системы управления контентом CMS

Продолжая знакомиться с CSS, сегодня мы узнаем больше о HEX кодах. Свойство цвета с присвоенным шестнадцатиричным HEX кодом (hexadecimal (hex) code) предназначено для окрашивания текста. Например, body { color: #000000;} означает, что весь текст внутри тега <body> вашей страницы будет черным.
Свойство фона с присвоенным HEX кодом существует для придания цвета всему, что не является текстом. Например, body {background: #ffffff; } означает, что фон будет белый.

Hexadecimal Codes:

  • с предшествующим знаком #, каждый цветовой HEX код имеет шесть цифр. Эти цифры варьируются от #ffffff (белый) до #000000 (черный).
  • #ffffff, #eeeeee, #dddddd, #cccccc, #bbbbbb, #aaaaaa, #999999, #888888,#777777, #666666, #555555, #444444, #333333, #222222, #111111, #000000.
  • первые две цифры представляют красный цвет , третья и четвертая – зеленый, последние две – синий. #ff0000 это красный. #550000 это темно красный. #220000 это бордовый.#00ff00 это зеленый. #0000ff это синий. Стоп, а разве желтый не основной цвет? Какой код соответствует желтому? #ffff00 это желтый. #ff00ff — фиолетовый.

Шаг 1

Вставьте следующий код под селектором body{ }:

?


1

2

3

4

a, a:visited{

text-decoration: underline;

color: #336699;

}

Вы сделали так, что все ссылки были подчеркнуты (text-decoration: underline;) и выделены синим цветом (color: #336699;) . Об этом говорит сайт https://intellect.icu . Это другой оттенок синего, но это синий, потому что последние две цифры, характеризующие степень синего, наиболее большие.

  • a – а это для стилизации ссылок. Когда вы хотите слово превратить в ссылку, что вы используете? Тэги <a> и </a>, следовательно, A — это a в вашем CSS.
  • a:visited — для стилизации ссылок, которые вы уже посещали ранее.
  • вместо того, чтобы вставлять:

?


1

2

3

4

a {

text-decoration: underline;

color: #336699;

}

и

?


1

2

3

4

a:visited {

text-decoration: underline;

color: #336699;

}

мы перечислили аттрибуты через запятую, чтобы применить одинаковые параметры сразу к обоим селекторам.

Шаг 2

Вставьте следующий код под a, a:visited{ }

?


1

2

3

a:hover{

text-decoration: none;

}

Что это делает? Вы удостоверились, что подчеркивание ссылки исчезает, когда вы наводите на нее курсор, отсюда a:hover. Если вы не хотите подчеркивания по умолчанию, а чтобы оно появлялось только во время наведения курсора,тогда поменяйте значение параметра text-decoration: для a и a:hover наоборот. Если вы хотите, чтобы ссылка меняла цвет во время наведения курсора, добавьте color: и любой цветовой код. Например:

?


1

2

3

4

a:hover {

text-decoration: none;

color: #ff0000;

}

Пока все, пробуйте и не бойтесь делать ошибок и спрашивать совета!

Понравилась статья про wordpress hex коды? Откомментируйте её Надеюсь, что теперь ты понял что такое wordpress hex коды,стили ссылок
и для чего все это нужно, а если не понял, или есть замечания,
то нестесняся пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории
Системы управления контентом CMS

Что такое HEX и ASCII-дескрипторы или как определить формат файла без расширения

Как известно любая информация будь то текст, изображение или видео, по сути, является ничем иным как набором двоичного кода — последовательности нулей и единиц. Именно в таком виде на жёстком диске хранятся данные. Понятие двоичный код едва ли не абстрактное, это не запись в привычном понимании этого слова, двоичный или машинный код это скорее состояние микроскопических ячеек на магнитной поверхности жесткого диска. Положительный заряд такой ячейки имеет знак плюс или 1, отрицательный — минус или 0.

Логически объединенные последовательности нулей и единиц как раз и составляют то, что мы называем файлами. Но ведь мы знаем и то, что типов файлов очень много. Есть текстовые файлы, мультимедийные, архивные, системные, исполняемые и так далее. Каким же образом операционная система определяет как читать или обрабатывать тот или иной файл? Прикладные программы распознают тип файла по его расширению — набору символов следующих после имени файла и отделенных от него точкой.

Но что будет, если расширение удалить? Всё правильно, операционная система не сможет открыть такой файл, так как не будет знать какую программу для этого использовать. Однако ни логическая структура, ни содержимое переименованного файла от этого не изменится. Вы и сами в этом можете убедиться удалив расширение какого-нибудь файла, а затем попробовав его открыть соответствующей программой. Уверены, с этим у вас проблем не возникнет.

Следовательно, вовсе не расширение определяет тип файла. Тогда что же? Тип файла определяет его формат или иначе спецификация структуры данных. Расширение и формат очень часто путают, хотя на деле это совершенно разные понятия. Тут возникает вполне закономерный вопрос, а как определить формат файла, если его расширение по какой-то причине оказалось утрачено? Оказывается очень просто.

Грубо говоря, все файлы состоят из двух частей. Первая часть это заголовок, содержащий различную метаинформацию включая те данные, которые позволяют прикладным программам этот самый файл идентифицировать. Вторая часть это «тело» файла. Отвечающая за определение типа файла часть заголовка файла именуется дескриптором или описанием. Наиболее распространёнными типами дескрипторов являются HEX и ASCII. Первый тип заголовков можно просмотреть только с помощью специальных утилит — шестнадцатеричных редакторов.

Для просмотра дескрипторов второго типа можно обойтись обычным текстовым редактором, тем же Блокнотом или Notepad++. Однако следует учитывать, что далеко не все последовательности байтов можно перевести в ASCII-код, поэтому для определения формата всё-таки лучше использовать HEX-редакторы. Открытый в HEX-редакторе файл отображается в виде матрицы из последовательности байтов. Каждая ячейка соответствует одному байту. Данные дескриптора содержатся как раз в первых трёх ячейках (реже двух или четырех), расположенных по горизонтали. Представляют они из себя шесть символов в шестнадцатеричном счислении, например 49 44 33 или ff d8 e0.

Естественно они нуждаются в расшифровке. А расшифровать их можно на специальных сайтах с описаниями форматов. Одним из лучших сайтов, где можно определить формат по HEX-дескриптору является open-file.ru. Есть и другие подобные ресурсы, но они не настолько удобны. На open-file.ru же имеется специальная поисковая форма, куда можно вставить HEX или ASCII дескриптор и пробить его по базе данных. Система быстро найдёт соответствующий формат и предоставит вам его полное описание.

С HEX-редакторами всё более или менее понятно, но как мы сказали для определения ASCII-заголовков также можно использовать редакторы текстовые. Принцип здесь тот же самый, открываем файл Блокнотом или Notepad++, копируем первые символы и вставляем их в поисковое поле того же open-file или другого сайта с поддержкой поиска по заголовкам.

Казалось бы всё очень просто, но есть в деле идентификации форматов и свои сложности. Иногда ASCII-заголовки совпадают с расширением файла (RAR и PDF), но может быть и такое, что заголовок оказывается принадлежащим сразу нескольким форматам. Это можно видеть на примере офисного формата DOCX (PK и 50 4b 03 04). В таких случаях точно определить формат проблематично.

Но круг поиска можно сузить. Для этого рекомендуется просматривать первую, вторую и третью строку заголовка в текстовом редакторе, так как содержащиеся в них элементы также могут косвенно указывать на принадлежность к тому или иному типу файлов.

Так, строка [Content_Types].xml в DOCX явно указывает на то, что исследуемый файл является размеченным текстовым документом.

Что такое шестнадцатеричные коды цветов

Как дизайнеры, мы много работаем с цветами (это шокирует, я знаю!). Для них существуют разные буквенные и цифровые коды, в зависимости от того, где они используются. Для Интернета мы обычно используем шестнадцатеричные коды, и нас часто спрашивают, что такое шестнадцатеричные коды, поэтому приступим:

Шестнадцатеричные коды — это шестнадцатеричный формат для идентификации цветов. Это система, используемая в HTML, CSS и SVG. Каждый шестнадцатеричный код относится к очень специфическому цвету, что позволяет двум дизайнерам или дизайнеру и разработчику быть на одной странице в отношении того, какой именно голубой (или любой другой цвет) они имеют в виду.Это всегда шестизначный код, который содержит три части информации:

  1. Первые две цифры предоставляют информацию о количестве красного в цвете
  2. Вторые две цифры предоставляют информацию о количестве зеленых
  3. .

  4. Последние две цифры предоставляют информацию о количестве синего.

Это заняло у меня некоторое время, чтобы понять, но когда я это сделал, это вызвало у меня необоснованное возбуждение от навыка, который не имеет большого применения в повседневной жизни.В своей работе как дизайнеры мы постоянно используем шестнадцатеричные коды для цветов, но примерно пять минут назад я не мог толком объяснить вам, как они работают. Почему они включают цифры и буквы? Почему буквы и цифры не имеют порядка? Теперь, когда я действительно понял это, я попытаюсь пошагово разобрать это для вас, чтобы в следующий раз, когда вы выбираете цвет для проекта, вы поймете эту загадочную 6-значную буквенно-цифровую последовательность.

Шаг 01 — Определите значения красного, зеленого и синего (RGB)

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

Шаг 02 — Математика

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

Шаг 03 — Преобразование цифр в буквы

В некоторых случаях (например, R-значение в этом примере) числа, которые вы получаете после деления долгим, находятся в подростковом возрасте и состоят из двух цифр. Использование двух цифр для одного значения нарушает систему #RRGGBB. Здесь на помощь приходят алфавиты. Буквы A, B, C, D, E и F заменяют значения 10, 11, 12, 13, 14 и 15 соответственно.

Результат

Вот и все: шестнадцатеричный код Opus Red — # FC3C43.
Наслаждайтесь новыми знаниями о шестнадцатеричных кодах и дайте нам знать, есть ли другие загадочные термины, которые мы можем узнать вместе.

В чем разница между PMS, CMYK, RGB и HEX?

Подумайте о бренде Coca Cola®. Какого цвета ты видишь? Если вы похожи на большинство людей, вы видите красный цвет. Не просто красный. Кокс красный.

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

Сохранять правильный и однородный цвет непросто. Тысячи дизайнеров, разработчиков и полиграфистов работают над упаковкой и маркетингом Coke по всему миру; и существует бесконечное количество разнообразных мобильных устройств, браузеров, телевизоров и способов печати, которые несут марку кокса.

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

Печать и экран

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

Существует две основные категории цветотипов: печатная и экранная. Цвет на распечатанной странице является субтрактивным, а цвет на экране — аддитивным (подробнее об этом позже).На данный момент важно понимать, что цифровые и печатные средства передачи цвета очень отличаются друг от друга. Вы не используете цвета PMS на веб-сайте, как не используете цвета RGB в печатном станке.

Четыре из самых популярных цветовых типов, которые мы собираемся обсудить — PMS, CMYK, RGB и Hex — попадают в одну из двух основных категорий. PMS и CMYK предназначены для печати. RGB и HEX предназначены для экранных изображений.

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

PMS (Pantone® Matching System)

Использование: Печать
Только для офсетной печати. Идеально подходит для канцелярских товаров. Часто используется для одно- или двухцветных работ. Также используется в качестве плашечных цветов в брошюрах премиум-класса в дополнение к четырехцветной печати.

цвета PMS (также называемые цветами Pantone®) — это запатентованные стандартизированные цветные чернила, производимые компанией Pantone. Pantone существует уже более 50 лет и отвечает за создание первой всеобъемлющей стандартизированной системы создания и сопоставления цветов в графическом сообществе.Они буквально написали об этом книгу.

Каждый из 1755 сплошных цветов PMS в их справочнике формул является патентованной смесью Pantone и продается принтерам либо в предварительно смешанном виде, либо в виде формулы, которую принтеры смешивают на своем предприятии.

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

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

В последние несколько лет компания Pantone расширила свою систему подбора цветов на моду, пластмассу, товары для дома и образа жизни.

CMYK (голубой, пурпурный, желтый, черный)

Использование: печать
Используется в офсетной и цифровой печати. Идеально подходит для полноцветных брошюр, листовок, плакатов, открыток и т. Д.

Цвет CMYK (также называемый четырехцветным процессом) на самом деле представляет собой метод, при котором сочетание крошечных прозрачных точек четырех цветов чернил: голубого, пурпурного и т. Д. печатаются желтый и черный.Различные комбинации больших и маленьких прозрачных точек CMYK накладываются друг на друга, создавая широкий спектр цветов.

В то время как чернила Pantone представляют собой один сплошной цвет, цвет CMYK — нет. Когда вы смотрите на отпечатанный CMYK образец через увеличительное стекло, вы можете увидеть узор из точек CMYK и то, как они перекрываются, чтобы создать окончательный цвет.

Если вы увеличите наши три цвета cmyk, вы увидите, как точки образуют общий цвет. Голубые, пурпурные, желтые и черные чернила поглощают цветной свет, поэтому CMYK является «субтрактивной» цветовой моделью.

RGB (красный, зеленый, синий)

Использование: Onscreen

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

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

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

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

HEX (шестнадцатеричный цвет)

Использование: экран для веб-сайтов

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

Не нужно беспокоиться о преобразовании. В Интернете есть множество бесплатных инструментов для конвертации. Просто выполните поиск «RGB в HEX», чтобы найти тот, который вам подходит.

Выполнение преобразований между типами цвета

RGB в CMYK

Так что, если что-то создается на экране в RGB, но его нужно будет распечатать? Дизайнеры и печатники используют множество инструментов для перехода от одного цветового профиля к другому.Они могут сделать это прямо в графической программе, в которой работают, например, в Photoshop.

Цифровые принтеры часто преобразуют файлы RGB клиентов в CMYK перед печатью на собственном оборудовании, поскольку преобразование зависит от устройства вывода. Каждое устройство имеет особую цветовую гамму, с которой оно работает.

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

PMS в CMYK

Независимо от того, проектируете ли вы на экране или конвертируете цвет PMS в CMYK, в то время как ваша графическая программа будет выполнять переход, рекомендуется фактически видеть окончательный цвет на печати. Этого можно добиться с помощью такого инструмента, как Color Bridge ™ от Pantone.

RGB в HEX

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

Нужен краткий справочник по цветотипам? Вот удобный рисунок:

Neglia Design — это компания, предоставляющая полный спектр услуг в области печати и цифрового дизайна. Свяжитесь с нами, чтобы получить бесплатную консультацию по вашему следующему проекту.

Считывание шестнадцатеричных цветовых кодов — шестнадцатеричный цвет

Обновлено 02.09.2020

Шестнадцатеричный цветовой код — это один из типов цветового кода HTML, который часто называют шестнадцатеричным или шестнадцатеричным цветом. Причина использования шестнадцатеричных чисел — это удобное для человека представление значений в двоичном коде.Шестнадцатеричные цветовые коды начинаются со знака решетки или хэштега (#), за которым следуют шесть букв и / или цифр. Первые две буквы / цифры относятся к красному, следующие две — к зеленому, а последние две — к синему. Значения цвета определены в значениях от 00 до FF (вместо от 0 до 255 в RGB).

Числа используются при значениях от 1 до 9. Буквы используются, когда значение больше 9. Например:

  • А = 10

  • В = 11

  • С = 12

  • D = 13

  • E = 14

  • F = 15

Чтобы получить шестнадцатеричный цвет, выполните следующие три шага:

  1. Умножьте первое число на 16.

  2. Умножьте второе число на 1.

  3. Сложите два итога.

Независимо от того, являетесь ли вы цифровым художником, работающим с Adobe Creative Suite, в 3D-приложении или в веб-дизайне, вы слышали и, вероятно, использовали шестнадцатеричные цвета. И даже если вы используете шестигранник каждый день, есть большая вероятность, что вы не совсем понимаете, что происходит с этими комбинациями букв и цифр или как они на самом деле создают цвет.

Вот где приходит это удобное руководство по чтению шестнадцатеричных цветовых кодов.

Понимание цвета RGB, чтобы помочь вам понять шестнадцатеричный цветовой код

Хорошее место для начала, прежде чем переходить к чтению шестнадцатеричных цветовых кодов, — это научиться понимать цвета RGB. Номера RGB основаны на настройках монитора для красного, зеленого и синего света. Изменяя числа RGB, вы сообщаете своему монитору, сколько именно этого цвета света вы хотите сиять.

Если вы понимаете цветовую систему RGB, вы знаете, что цвета представлены следующим образом:

RGB (255, 0, 0)

RGB определяет значения красного (первое число), зеленого (второе число) или синего (третье число).Число 0 означает отсутствие представления цвета, а 255 означает максимально возможную концентрацию цвета.

Итак, в приведенном выше примере вы получаете максимально яркий красный цвет без присутствия зеленого или синего. Если вам нужен только зеленый цвет, используйте RGB (0, 255, 0) , а для синего — RGB (0, 0, 255) . Для других цветов вы будете использовать комбинацию значений цвета, чтобы добиться желаемого результата.

Как читать шестнадцатеричные цветовые коды

Как только вы действительно поймете RGB, вы можете двигаться дальше и научиться читать шестнадцатеричные коды.Это действительно очень просто, если вы знаете формулу. Как упоминалось выше, значения 1-9 указаны численно. Однако для значений 10 и выше цифры заменяют буквы. Итак, A = 10, B = 11, C = 12 и так далее.

Теперь, чтобы вычислить шестнадцатеричное число, есть три быстрых шага (как также указано выше):

  1. Умножьте первое число (или преобразованное число из буквы) на 16.

  2. Умножьте второе число (или преобразованное число из буквы) на 1.

  3. Сложите эти две суммы вместе, чтобы получить одно значение.

Например, шестнадцатеричное число 83 на самом деле 131. Мы приходим к этому выводу следующим образом:

  1. Умножение 8 из 83 на 16 (8×16 = 128) .

  2. Умножение 3 из 83 на 1 (3×1 = 3) .

  3. Сложение двух итогов (128 + 3 = 131) .

Другой способ думать об этом:

(8×16) + (3×1) = 131

Работа с буквами — та же концепция.Например, FF = 255, потому что вы умножаете число, представляющее F (15), на 16, а затем умножаете число, представляющее вторую F (15), на 1. Затем складываете две суммы вместе, чтобы получить 255. Учтите, что число 255 то же самое, что номер 255 RGB, который ярко-красный.

Если вы предпочитаете не выполнять мысленные вычисления, воспользуйтесь инструментом преобразования RGB в HEX.

Предсказание цветов

Как только вы разберетесь с числами, вы сможете предсказать, как будет выглядеть цвет, на основе интенсивности красного, зеленого и / или синего цветов.Итак, если вы знаете, что максимальное значение красного без зеленого или синего — # FF0000, вы можете мысленно немного скорректировать значения, чтобы получить оценку для другого цвета.

Другой пример шестнадцатеричного цветового кода — # 7DD0D7, который дает зеленовато-синий цвет.

Общие шестнадцатеричные цветовые коды и их эквиваленты RGB

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

  • Красный = # FF0000 = RGB (255, 0, 0)

  • Зеленый = # 008000 = RGB (1, 128, 0)

  • Синий = # 0000FF = RGB (0, 0, 255)

  • Белый = #FFFFFF = RGB (255,255,255)

  • Цвет слоновой кости = # FFFFF0 = RGB (255, 255, 240)

  • Черный = # 000000 = RGB (0, 0, 0)

  • Серый = # 808080 = RGB (128, 128, 128)

  • Серебро = # C0C0C0 = RGB (192, 192, 192)

  • Желтый = # FFFF00 = RGB (255, 255, 0)

  • Фиолетовый = # 800080 = RGB (128, 0, 128)

  • Оранжевый = FFA500 = RGB (255, 165, 0)

  • Бордовый = # 800000 = RGB (128, 0, 0)

  • Пурпурный = # FF00FF = RGB (255, 0, 255)

  • Лайм = # 00FF00 = RGB (0, 255, 0)

  • Цвет морской волны = # 00FFFF = RGB (0, 255, 255)

  • Бирюзовый = # 008080 = RGB (0, 128, 128)

  • Оливковый = # 808000 = RGB (128, 128, 0)

  • ВМС = # 000080 = RGB (0, 0, 128)

Найдите другие шестнадцатеричные коды цветов или выберите цвет HTML и получите его совпадающее имя и коды.

Выбор цветовой схемы

Самый быстрый способ выбрать цветовую схему для вашего проекта — использовать инструмент цветовой палитры, который позволяет искать группы по:

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

После того, как вы выбрали цветовую схему, вы можете:

  • Создать коллаж

  • Изучите и создайте градиент

  • Проверь контрасты

  • Регулировка оттенка, насыщенности, яркости и температуры

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

Но, прежде чем остановиться на палитре, запомните следующие советы по цветовому дизайну:

  • Учитывайте контекст.

  • Обратитесь к цветовому кругу.

  • Выберите монохроматическую, триадную или раздельную дополнительную цветовую схему.

  • Не ограничивайтесь предустановками.

Часто задаваемые вопросы о шестнадцатеричных цветах

Мы знаем, что у вас есть еще вопросы о шестнадцатеричных цветах, поэтому мы собрали этот краткий раздел часто задаваемых вопросов.

шестнадцатеричный означает 6?

Да. Hex — это сокращение от Hexa, что в переводе с греческого означает число шесть.

Когда мне следует использовать шестнадцатеричный, а когда — RGB?

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

Как мне получить шестнадцатеричный цветовой код для определенного цвета изображения?

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

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

Как осветлить или затемнить шестигранный цвет?

Самый простой способ осветлить или затемнить шестнадцатеричный цвет — использовать инструмент шестнадцатеричного цвета CSS. Все, что вам нужно сделать, это:

  1. Введите шестизначный шестнадцатеричный цвет.

  2. Выберите переключатель Светлее или Темнее.

  3. Назначьте процент.

  4. Нажмите «Отправить».

Как изменить шестнадцатеричный цвет в Adobe Illustrator?

Чтобы изменить шестнадцатеричный цвет в Adobe Illustrator, выполните следующие действия:

  1. В новом документе Illustrator нажмите F6.

  2. Дважды щелкните рамку обводки или заливки в окне «Цвет».

  3. Дважды щелкните внутри поля рядом с #.

  4. Введите новый шестнадцатеричный код цвета в поле.

  5. Нажмите ОК.

Завершение

В заключение несколько напоминаний:

  • Цветовые типы Hex и RGB предназначены для использования на экране при разработке веб-сайтов.

  • В CSS можно добавить альфа-значение для управления непрозрачностью цвета.

  • Для бренда постоянство цвета является ключевым фактором.

  • Несколько инструментов действительно могут помочь с вашими цветовыми кодами:

  • Всегда стремитесь узнать больше о своей работе, просматривая ресурсы и посещая курсы, предлагаемые Pluralsight!

Понимая, что обозначают числа в шестнадцатеричном цветовом коде, вы сможете лучше предсказать, какой цвет вы можете увидеть.Нет особой разницы между использованием шестнадцатеричного цвета или цвета RGB, за исключением того, что в CSS можно также добавить альфа-значение, так что у вас действительно будет цвет RGBA. Это может быть очень полезно, если вы хотите контролировать непрозрачность цвета. Добавление альфа-значения к вашему RGB, безусловно, один из самых простых способов изменить непрозрачность.

Что такое цвета HEX и как они работают в дизайне

Что такое цвет HEX? Изучите определение цветов HEX, сколько их на самом деле, и узнайте, как использовать их в своих проектах.

Шестнадцатеричные цвета — это способ представления цветов из различных цветовых моделей с помощью шестнадцатеричных значений. Шестнадцатеричный цвет соответствует формату #RRGGBB, где RR — красный, GG — зеленый, а BB — синий. Эти шестнадцатеричные целые числа могут находиться в диапазоне от 00 до FF, чтобы указать интенсивность цвета.

Простым примером этого является # FF0000. Это чистый красный цвет, потому что красный компонент имеет максимальное значение FF, а зеленый и синий компоненты имеют самое низкое значение 00.

Изображение предоставлено 3rieart.4. Важно помнить, что добавление прозрачности не означает, что есть дополнительные цвета, поскольку добавление прозрачности не меняет цвет. Это просто добавляет больше информации и больше доступных цветовых кодов в зависимости от прозрачности или уровня непрозрачности.

Как работают шестнадцатеричные цвета?

Шестнадцатеричные цвета используют шестнадцать различных значений для представления одного оттенка цвета, будь то красный, зеленый или синий. Это мощно, потому что дает вам широкий диапазон оттенков для каждого цвета, а именно шестнадцать.Каждый цвет разбивается на числа или символы в диапазоне от 0 до 9 и от A до F, где 0 — минимальное значение, а F — максимальное. Затем формат цвета разделяется на #RRGGBB, где RR — красный, GG — зеленый, а BB — синий.

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


Изображение на обложке через Plasteed.

Хотите узнать больше о цвете? Ознакомьтесь с этими статьями:

Как работают цвета шестнадцатеричного кода — и как выбирать цвета без палитры

Независимо от того, какой проект кодирования вы выполняете, велика вероятность, что в какой-то момент вы начнете работать с цветами.Это особенно верно, если — как и многие люди — вы научитесь кодировать с помощью HTML для разработки веб-страниц.

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

Однако по мере того, как вы становитесь более уверенными в использовании HTML и когда вы начинаете смотреть на сам код, а не только на графический редактор, вы заметите, что выбранные вами цвета обозначаются некоторыми странно выглядящими кодами, такими как # ff0000.

Эти коды называются шестнадцатеричными цветовыми кодами, и они являются фундаментальной частью работы как HTML, так и CSS. Изучение того, как они работают, не только сэкономит вам много времени, но и сделает ваш код более быстрым, элегантным и надежным.

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

Что означает шестнадцатеричное число?

Во-первых, давайте посмотрим на «шестнадцатеричную» часть термина «шестнадцатеричный цветовой код».Hex в этом контексте означает «шестнадцатеричную», систему счисления, в которой есть 16 основных цифр, а не более привычные 10.

Это система счисления, используемая HTML и многими другими языками программирования, если на то пошло. и это способ, которым цвета записываются на языке.

Шестнадцатеричная система, как следует из названия, представляет собой способ кодирования системы счисления с основанием 16. Десятичная, наша обычная система счисления, с которой вы уже знакомы, — это основание 10. В шестнадцатеричной системе для первых 10 чисел используются те же цифры, что и в обычной системе счисления (то есть 0–9), а затем они меняются на буквы, поэтому числа от 10 до 15 являются кодируется буквами A — F.4. Это упрощает преобразование между шестнадцатеричным и двоичным числами (хотя сегодня мы этого делать не будем).

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

Какие компоненты составляют цвет?

Как использовать шестнадцатеричную систему для кодирования цветов в RGB?

Цвета, отображаемые на экране компьютера, состоят из трех компонентов, которые соответствуют трем цветам, присутствующим в каждом пикселе экрана.Если вы посмотрите очень, очень внимательно (или у вас есть древний экран), вы сможете увидеть их — красный, зеленый и синий.

Источник

Как следствие, мы кодируем цвета, чтобы указать, сколько света должна излучать каждая из красной, зеленой и синей (RGB) части ваших пикселей. Так, например, значение RGB (тип значения, используемый во многих различных программных системах) может выглядеть так: RGB (255, 0, 0).

255 — максимальное значение для компонента, поэтому это значение указывает, что первый компонент (красный или R) должен быть максимальным, а два других должны быть минимальными.8. Но это еще один факт, о котором вам действительно не нужно знать.)

Наблюдательные читатели среди вас уже заметили, что даже на этом этапе работать с цветами в этой форме довольно просто. Черный как значение RGB — это RGB (0,0,0), а белый — это RGB (255,255,255). Зеленый? Правильно, RGB (0,255,0).

Как работают шестнадцатеричные цвета

Теперь, когда мы знаем, как работают цвета, мы можем взглянуть на настоящий шестнадцатеричный цветовой код. Возьмем, например, # ff0000, и давайте объединим полученные выше знания, чтобы понять, что это значит.

Взгляните на свою шестнадцатеричную таблицу, и вы увидите, что «FF» переводится в «255» в стандартной кодировке с основанием 10.

Источник

Это должна быть подсказка. Два первых символа этого шестнадцатеричного цветового кода (и, фактически, все шестнадцатеричные цветовые коды) относятся к красному компоненту, и здесь значение равно 255. Вторые два символа относятся к зеленому компоненту, а последние два — к синему. .

Отсюда вы можете понять, что означает # ff0000 при преобразовании в цвет — это то же самое, что и RGB (255,0,0).То есть чистый красный цвет. Точно так же # ff00ff указывает максимальное количество красного и синего одновременно, что дает пурпурный цвет:

Именно в этот момент вы можете начать распознавать ценность и элегантность шестнадцатеричных цветовых кодов. Поскольку они используют шестнадцатеричное число и поскольку 255 является максимальным значением для компонента, каждый возможный цвет может быть выражен с помощью всего 6 цифр.

Эта система также означает, что существует огромный диапазон доступных цветов, потому что каждый компонент может принимать любое значение от 0 до 255.Подсчитайте количество возможных различных комбинаций, и вы обнаружите, что доступно 16 777 216 цветов.

Как использовать сокращения шестнадцатеричного кода

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

Однако, прежде чем мы перейдем к этому, важно понять, что не только эти два варианта доступны вам.

HTML, поскольку он был разработан для простоты использования, также позволяет использовать сокращенные шестнадцатеричные коды.Красный, который в шестнадцатеричном коде равен # FF0000, может быть сокращен до # F00. То есть одна цифра для красного, одна цифра для зеленого, одна цифра для синего. Браузеры интерпретируют # FF0000 и # F00 как один и тот же цвет.

Это уменьшает общее количество возможных цветов примерно до 4000. Однако у него есть и другие преимущества.

Так же, как вы можете использовать сокращение для оптимизации доставки CSS, кодирование цветов с помощью сокращений может улучшить производительность ваших веб-страниц. Это может быть не видно при работе с небольшими страницами, но может иметь значительное влияние, поскольку ваши проекты становятся более сложными.

Как использовать свои собственные шестнадцатеричные коды

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

Source

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

Это означает, что прежде чем вы это узнаете, ваши страницы будут иметь два похожих, но разных оттенка красного. Использование шестнадцатеричного кода означает, что вы всегда будете получать один и тот же цвет.

Во-вторых, использование шестнадцатеричных кодов позволяет вам точно контролировать ваши цвета, что невозможно с помощью палитры цветов.

Ни одна палитра цветов не может содержать все 16 миллионов цветов, доступных вам при использовании HTML, но, написав свои собственные цветовые коды, вы можете увеличивать оттенки, которые доступны вам, по одному значению за раз.

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

Идем дальше

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

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

Шестнадцатеричный код: коды и секретные сообщения

Шестнадцатеричный кодировщик

Введите здесь текст, который будет преобразован в шестнадцатеричный

Основное объяснение

Компьютеры «думают» в двоичном коде или Базе Два.Но людям это очень трудно читать, поэтому у компьютерных программистов есть специальный код, который они используют при разговоре с компьютерами; это называется шестнадцатеричный код. Его легче читать, чем двоичный код, но гораздо труднее читать, чем английский! По мере того, как компьютеры становятся все более сложными, мы, программисты, все реже и реже используем шестнадцатеричные числа, но иногда все же используем его. Например, я хотел окрасить эту страницу в темно-фиолетовый цвет, я бы не сказал компьютеру, чтобы он закрасил ее в «темно-фиолетовый», я бы сказал компьютеру, чтобы он нарисовал ее «# 440044», и компьютер точно понял, что я имел в виду (см. ссылку о цветах внизу этой страницы для получения дополнительной информации о кодировании цветов).

Иногда мы используем разные символы, чтобы указать, что мы разговариваем с компьютером в шестнадцатеричном формате. Иногда мы ставим знак фунта (#) перед кодом, а иногда ставим амперсанд, за которым следует H (& H). Это похоже на то, как если бы вы говорили с другом на Свиной латыни, прежде чем начать, вы могли бы сказать ему: «Я собираюсь говорить на Свиной латыни сейчас», чтобы он знал, что вы делаете. Что ж, это то, что мы делаем, когда ставим «#» или «& H» перед шестнадцатеричным кодом.Поскольку компьютер обычно не говорит в шестнадцатеричном формате, на самом деле мы просто говорим: «Привет, компьютер, я подумал, ты должен знать, я сейчас поговорю с тобой в шестнадцатеричном формате!»

Промежуточное объяснение

Так как же работает шестнадцатеричная система? Ну, шестнадцатеричный — это то же самое, что и Base Sixteen. Обычно мы считаем по так называемой Base Ten, и мы, вероятно, делаем это, потому что у нас всего десять пальцев. В базе десять у нас есть десять цифр — от 0 до 9. На самом деле, иногда мы называем наши пальцы цифрами!

Итак, представьте, что у вас шестнадцать пальцев вместо десяти.Разве это не было бы ДИКОМ! Что ж, если бы у вас было шестнадцать пальцев, вы бы считали по основанию шестнадцати, что является шестнадцатеричным. Но для этого вам понадобится шестнадцать цифр. От 0 до 9, но тогда нам еще нужно шесть цифр! Хммм … Я знаю! Мы будем называть другие цифры A, B, C, D, E и F.

Это может немного сбивать с толку, потому что теперь, когда мы пишем числа в шестнадцатеричном формате, они могут содержать БУКВЫ! Но через некоторое время к этому привыкаешь. Посмотрите, как эти числа выглядят в шестнадцатеричном формате:

10 = #A, 11 = #B, 12 = #C, 13 = #D, 14 = #E, 15 = #F
16 = # 10, 17 = # 11, 18 = # 12

Расширенное объяснение

Как преобразовать любое число в шестнадцатеричное? Что ж, возьмем пример.Начнем с числа 16325. Для начала нам нужно найти наибольшую степень 16, которая меньше этого числа.

161 = 16
162 = 256
163 = 4096
164 = 65 536

Ага! 163 (4096) — это то, что мы ищем. Теперь мы задаемся вопросом: сколько раз 4096 превратится в 16325? И ответ: 3. С остатком 4037. Первая цифра нашего шестнадцатеричного числа будет 3, и нам нужно проделать еще немного работы с остатком.

Сколько раз 256 входит в 4037? (256 — 162, помните) Ответ — 15, остаток — 197.Итак, наша следующая цифра — 15. ПОДОЖДИТЕ МИНУТУ! 15 — это не цифра! Верно. Но посмотрите выше на мой список шестнадцатеричных чисел, и вы увидите, что всякий раз, когда у нас есть 15, мы можем назвать его F. (Вы еще не запутались?) Теперь наши первые две цифры нашего шестнадцатеричного числа — 3 и F. осталось разобраться с остатком 197. Пойдем дальше? Или с тебя хватит?

Что ж, если вы все еще читаете, теперь нам нужно взять эти 197 и разделить их на 16. У нас получится 12, а остаток — 5.Как записать 12 в шестнадцатеричной системе счисления? Это C. Правильно … пока наши цифры 3, F и C. И теперь у нас остался остаток от 5, и больше нет степени 16, на которую можно было бы его разделить, так что я думаю, что мы ‘ Мне просто нужно прикрепить его к концу …

Итак, наше последнее базовое шестнадцати (шестнадцатеричное) число: 3FC5

Кажется, это немного сбивает с толку, не правда ли! Но знаете ли вы, что в вашем калькуляторе может быть команда для преобразования обычных чисел в шестнадцатеричные? Вам стоит это увидеть!

Итак, как можно использовать шестнадцатеричный код для создания секретного сообщения? Что ж, каждой букве в алфавите назначен номер, и вы можете просто преобразовать это число в основание шестнадцати.Например, буква «Z» — это число 90, и если вы преобразовали его в основание шестнадцати, у вас будет «5A».

Теперь, когда вы немного знаете о том, как работает шестнадцатеричный код, введите сообщение в кодировщике и посмотрите, как оно выглядит!

Для получения дополнительной информации о значениях кодировки перейдите по следующей ссылке:

Полное руководство по шестнадцатеричным цветам

946201038, ххммхх

Шестнадцатеричные цвета — это визуальный язык Интернета.Если вы хотите, чтобы веб-страница (или веб-приложение) отображала определенный цвет, вы указываете ей шестнадцатеричный код.

Что такое шестнадцатеричный цветовой код?

1215017532, ВладСт

Шестнадцатеричный цветовой код — это 6-символьный код, состоящий максимум из трех двухсимвольных элементов. Каждый из двухсимвольных элементов выражает значение цвета от 0 до 255.

  • Элемент 1: красный значение
  • Элемент 2: значение зеленого
  • Элемент 3: значение синего

Код записывается с использованием формулы, которая превращает каждое значение в уникальный двухзначный буквенно-цифровой код.Например, код RGB (224, 105, 16) — E06910 в шестнадцатеричном коде.

Почему? Это сложно и связано с системой нумерации по основанию 16. Если вам интересно, вот хорошее объяснение. Если вам просто интересно, что все это значит для вас как для дизайнера, есть пара важных вещей, которые нужно знать:

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

Зачем использовать шестнадцатеричный код вместо цифр? Потому что, если вы использовали числа, каждое красное, зеленое или синее значение от 0 до 255 могло быть одной, двумя или тремя возможными цифрами. В целом код может состоять от трех до девяти цифр. Это могло вызвать путаницу в системах, считывающих коды, но особенно среди людей, выполняющих кодирование. Если каждое значение будет состоять из шести символов, независимо от того, что, снижает вероятность ошибок.

Что такое шестнадцатеричные цветовые коды?

525330557, Тот_Адан

Шестнадцатеричные цветовые коды — это значения, которые сообщают дисплею, сколько цвета нужно отображать.Значения представляют собой специальный код, который представляет значения цвета от 0 до 255.

Если красный, зеленый и синий равны минимуму 0 (представлен в коде как «00»), выраженный цвет является черным. Если красный, зеленый и синий имеют максимальное значение 255 (в коде обозначается как «ff»), выражается белый цвет.

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

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

Популярные шестнадцатеричные цветовые коды

Цвет RGB Шестнадцатеричный код цвета
Черный (0, 0, 0) # 000000
Синий (0, 0, 255) # 0000FF
Серый (128, 128, 128) # 808080
Зеленый (0, 128, 0) # 008000
Фиолетовый (128, 0, 128) # 800080
Красный (255, 0, 0) # FF0000
Белый (255, 255, 255) #FFFFFF

Уникальные шестнадцатеричные цветовые коды

Цвет RGB Шестнадцатеричный код цвета Использование
AliceBlue (240, 248, 255) # F0F8FF Тонкий фон для электронной коммерции или корпоративной страницы
Коралл (255, 127, 80) # FF7F50 Спокойный акцентный цвет
FireBrick (178, 34, 34) # B22222 Агрессивный акцентный цвет
HotPink (255, 105, 180) # FF69B4 Игривый акцентный цвет
Лимонный шифон (255, 250, 205) #FFFACD Романтический фон для свадьбы или другой личной странички

Как работают шестигранные цвета?

1226241649, Сельман Келес

шестнадцатеричных цветов основаны на цветовой модели RGB, которая использовалась с первых дней фотографии.

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

В Интернете и большинстве цифровых приложений используется шкала значений цвета от 0 до 255. Вы (или программист) указываете экрану, сколько красного, синего и зеленого цвета отображать.Эта комбинация создает цвет, который видит зритель.

Вы можете свободно выбирать нужный цвет. Общее возможное количество комбинаций составляет 16 777 216, что больше, чем может различить человеческий глаз.

В чем разница между использованием RGB и шестнадцатеричных кодов?

1221544644, devastudios

Программисты предпочитают шестнадцатеричные коды цветов

, потому что они предсказуемы. Они всегда шестизначные, независимо от цвета.Значения RGB могут состоять от трех до девяти цифр.

Вам не обязательно использовать шестнадцатеричные коды в веб-дизайне. Если вы кодируете страницу в HTML, вы также можете использовать значения RGB или даже названия цветов.

Вот как выглядел бы HTML, если бы вы кодировали, скажем, аквамариновый фон для веб-страницы.

  • Шестнадцатеричный код цвета аквамарина:
  • Цветовой код RGB для аквамарина:
  • Код названия цвета для аквамарина:

Даже если вы можете указать имя или код RGB, это не означает, что вы должны.Чтобы снизить вероятность ошибки в вашем проекте, используйте средство выбора цветного шестнадцатеричного колеса или конвертер для генерации желаемого шестнадцатеричного кода. Таким образом, меньше шансов, что нынешний или будущий программист попытается выполнить преобразование самостоятельно и превратить вашу великолепную веб-страницу во что-то неприглядное.

Работа с шестигранными цветами

1203440092, Дизайнер

Если вы привыкли работать с цветами в Adobe Illustrator или для печати, работа с шестнадцатеричными цветами в Интернете — это небольшая корректировка.Вот несколько вещей, которые нужно знать, чтобы ваш проект прошел хорошо.

Остерегайтесь цветных полос

Имея 16 777 216 возможных цветов, шестнадцатеричные цветовые коды предоставляют множество вариантов контрастирования цветов. Но поскольку каждый пиксель должен отображать уникальный цвет, шестнадцатеричные цвета не позволяют хорошо смешивать оттенки разных цветов.

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

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

Экономьте время с помощью ресурсов цветовой палитры Hex

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

шестнадцатеричных цветовых палитр: просматривайте и ищите тысячи шестнадцатеричных цветовых комбинаций, созданных сообществом, в цветовых шестнадцатеричных цветовых палитрах.

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

Color-Hex Color Palettes — фантастический ресурс для вдохновения шестнадцатеричных цветов.

Coolors: ресурс шестнадцатеричных цветов Coolors сочетает в себе вдохновение с функциональностью, помогая ускорить процесс проектирования.

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

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

Coolors также доступен в виде приложения для iOS или расширения Adobe.

Совместите шестигранные цвета с другими элементами дизайна

Если вы разрабатываете для существующего сайта или у вас есть другие элементы, которые вы хотите сопоставить, вам необходимо знать, с какими шестнадцатеричными цветами вы работаете на сайте. Здесь бесценен хороший палитра цветов. С ImageColorPicker вы можете загрузить любое изображение и посмотреть, какие шестнадцатеричные цвета представлены.

Еще один хороший ресурс — ColorPick Eyedropper, расширение веб-браузера Google Chrome, которое позволяет видеть шестнадцатеричный цвет любого элемента веб-страницы. Если вы обнаружите, что восхищаетесь цветом на определенном сайте, воспользуйтесь пипеткой, чтобы узнать, что это за цвет.

Если вы выбираете изображения и другие элементы для сайта, вам понадобится простой способ определить объекты, соответствующие вашей шестнадцатеричной цветовой палитре. На iStock вы можете добавить шестнадцатеричный цвет в качестве фильтра к любому поисковому запросу. Введите код или выберите из их палитры цветов, а затем введите ключевые слова для поиска.Сайт вернет похожие изображения, которые точно соответствуют указанному вами цвету.

Готовы ли вы начать поиск идеальных изображений для вашей шестнадцатеричной цветовой схемы? Перейдите сюда, чтобы найти активы, которые дополнят ваш проект.