hex код как правильно заполнять
HEX-код что это и как работает для обозначения цветов
Работа с цветом — это основной инструмент графического и веб-дизайнера. Каждое приложение и сайт подразумевает использование собственных оттенков, даже если выбран максимально лаконичный стиль.
На этапе создания макетов подсказки по выбору цветовой гаммы есть во многих редакторах, та же компания Adobe предлагает для своих продуктов основные виды гармоний:
Но при переносе цветов в веб-интерфейс потребуются специальные коды. Они есть у каждого оттенка, обозначаются шестизначным номером через знак «решетки». Например, код #000000 — это черный цвет.
Это и есть HEX-коды, комбинации определенных букв и цифр, которые «объясняют» виртуальному интерфейсу, какой именно оттенок нужно передать.
Что такое HEX-коды и как они формируются
HEX-коды подходят для определения практически любого тончайшего нюанса между цветами и переходами. Слово HEX происходит от hexadecimal — в переводе с английского языка «шестнадцатеричный».
Для кодировки цветовых значений используется шестнадцатеричная система, используемая во многих языках программирования. Принцип формирования HEX-кода:
Принцип сочетания цветов, позволяющий получить новый оттенок, основывается на том, что каждый пиксель экрана передает лучи синего, зеленого и красного цвета. В зависимости от регулировки яркости каждого из них получается то, что нужно.
Как шифруются HEX-коды
После значка «решетки» всего 6 символов. Они помогают попарно кодировать информацию для синего, зеленого и красного сигналов, используя такие принципы:
Если известны RGB-оттенки, то можно просто воспользоваться таблицей и «расшифровать» с использованием шестнадцатеричной системы. Например, белый цвет, который в RGB-системе передается как «255», для HEX-формулы станет «FF».
А по сути «означает», что яркость «выкручивается» на полную мощность, не оставляя «места» никаким нюансам синего, зеленого или красного. Соответственно, черный цвет, который передается нулями, обозначает, что на этот пиксель вообще не подается сигнала.
Можно посмотреть на базовые цвета в чистом виде, если задать характеристики:
Все остальные HEX-коды создают какую-либо комбинацию. Преимуществом кодировки служит то, что с ее помощью можно передать оттенки с высочайшей точностью. Всего доступно 16777216 цветов, что соответствует характеристикам самых «топовых» мониторов или экранов мобильных устройств.
Сокращение HEX-кодов
В ряде случаев «формулы» принято сокращать, используя вместо 6 символов всего 3. Это делается для сокращения оттенков, применяется в веб-программировании, когда важно точно воспроизвести цветовую гамму на всех страницах, не сбиваясь в тонкостях настройки.
Например, если цвет обозначается как #FF22AA — это насыщенный ярко-розовый оттенок, то его можно «упростить» до #F2A.
Написание HEX-кодов не зависит от регистра, поэтому #f2a и #F2A — это одно и то же. Допустимо использовать вперемешку заглавные и строчные буквы.
Сокращенные формулы цветов широко используются при верстке сайтов с использованием языка программирования CSS.
Как узнать HEX-код цвета
Большинство графических редакторов передают цветовые значения и их коды в характеристиках и параметрах. Если брать такие широко используемые программные среды, как Photoshop, Illustrator, Gimp и многие другие, то они сами «подскажут» пользователю шестизначный код.
Если вы работаете в Adobe Photoshop, то посмотреть значение HEX не составит труда. Для этого нужно:
Открыть картинку, из которой собираетесь взять оттенок. Это может быть векторная картинка с «простыми» оттенками или растровое изображение, например, фотография. Выбрать инструмент «Пипетка» или Eyedropper в английской версии.
Если цвет планируется брать со сложного и многоцветного рисунка, можно определить «поле», которое будет «считаться» пипеткой за образец. Для настройки нужно открыть панель «Размер образца» (Sample Size) и установить его по мере необходимости.
Далее нажать на нужную область, а потом дважды щелкнуть на «квадратик» двух основных цветов. По умолчанию эти квадраты черно-белые, но пипетка меняет на образец оттенка, который берется по клику.
В открывшемся меню в самом низу, после «типографских» и других кодов, будет и HEX-код, узнать его можно по характерному символу решетки.
Также можно поставить галочку «только веб-цвета» (Only Web Colors). Это служит для упрощения палитры.
Безопасные WEB-цвета
Сложные оттенки хороши для работ художников или фотографов. Когда нужно передать мельчайшие тонкости цветовой гаммы, продемонстрировать красоту пейзажа или богатство новой модной коллекции, потребуется вся «мощь» оттенков.
Однако веб-цвета не настолько комплексные. Более того, специалисты не рекомендуют использовать слишком «тонкие» переходы и оттенки, потому что во время использования разных браузеров или приложений они могут передаваться по-разному. Старые компьютеры или телефоны вообще не всегда «понимают» некоторые оттенки.
Поэтому для корректного отображения рекомендуется использовать «безопасные» веб-цвета. Основные правила, относящиеся к построению HEX-коду «универсальных» оттенков:
Существуют готовые палитры с кодами и цветовым соответствием, чтобы можно было визуально оценить «безопасный» оттенок и использовать его в своем проекте. Если при верстке планируется задействовать корпоративные цвета компании, разумно будет подобрать наиболее подходящий тон из таких таблиц.
Текстовые наименования
Среда программирования CSS предлагает пойти еще дальше и отказаться от кодов. Она умеет распознавать названия оттенков, поэтому достаточно будет просто прописать цвет в коде, чтобы CSS-язык «объяснил» браузеру, какой оттенок имелся в виду.
Для такого кодирования применяются не только базовые (красный, зеленый, желтый, синий), но и достаточно разнообразные тона, включая хаки, коралл, шоколадный и многие другие. Тем не менее, у такого написания есть минусы:
Поэтому большинство веб-кодеров и других специалистов в области дизайна предпочитают HEX-коды в обычном или сокращенном варианте.
Полезные сайты для работы с HEX-цветами
Помимо приложений, таких как Photoshop, с hex-кодами работают многочисленные веб-сервисы. Они достаточно удобны, поскольку не требуют установки, бесплатны, предоставляют различные дополнительные услуги помимо основной.
Adobe Color
Располагается по адресу: https://color.adobe.com/ru
Русифицированный ресурс, русский язык определяется автоматически, если у вас не отключено распознавание местоположения, системы и другие кукиз.
Также можно посмотреть «тренды» и вдохновиться чужими цветовыми решениями, скачать готовые схемы из библиотеки. Это гораздо быстрее и удобнее, чем с нуля разрабатывать собственное решение.
ColorScheme
Располагается по адресу: https://colorscheme.ru/
Универсальная конвертация цветов. Простой и лаконичный веб-ресурс, ничего лишнего, быстро загружается, интуитивно понятный.
Также на сайте есть названия оттенков автомобилей — специфичная информация, но может кому-нибудь потребоваться, имена цветов для CSS, названия экзотических тонов, среди которых можно найти такие примечательные наименования, как «бабушкины яблоки» или «борода Абдель-Керима».
Color-HEX
Располагается по адресу: https://www.color-hex.com/
Англоязычный ресурс, но разобраться с ним будет несложно даже без знания языка. Позволяет получать внешнее отображение любого HEX-кода, а также его аналоги в большинстве форматов, включая CMYK для типографии или LAB — цветового пространства, которое используют фотографы и фоторетушеры.
Простой и удобный инструмент, крайне полезный для веб-верстки и быстрого подбора необходимых оттенков.
Htmlcolorcode
Располагается по адресу: https://htmlcolorcodes.com
Еще один англоязычный ресурс, предлагающий как основной сервис — преобразование цвета в HEX-код и обратно, так и много дополнительных приятных функций, среди которых:
Ресурс выглядит как несколько урезанная версия аналогичного инструмента от Adobe, но работает хорошо, к тому же быстро загружается.
ColorHexa
Располагается по адресу: https://www.colorhexa.com/
На первый взгляд, это еще один англоязычный ресурс, предлагающий поработать с преобразованием кода HEX в цвет и наоборот.
Но у него есть собственные возможности:
Также здесь есть 216 безопасных цветов и названия оттенков.
HexColorTool
Располагается по адресу: https://www.hexcolortool.com/
Главная особенность этого инструмента – не просто подбор тонов, а возможность отметить какой-либо один, а потом сделать его светлее или темнее.
Это крайне удобно, ведь зачастую весь дизайн строится вокруг одного цвета, меняется только подложка, тени и другие нюансы вокруг базового оттенка. Затемнение или осветление начинается от одного процента, максимум – 20%.
Также можно оценить опции:
Простой визуальный ресурс: он состоит из бегунков и квадрата-образца, поэтому не помешает то, что сайт на английском языке.
Заключение
HEX-коды — это то, что необходимо знать даже дизайнеру, который напрямую не работает с веб-ресурсами и программисту, пишущему код, а не разрабатывающему оформление.
Цветовое решение важно для программных оболочек, приложений, любых сайтов, игр, а удобная шестнадцатеричная система делает самые сложные оттенки, градиенты и переходы доступными для записи с помощью математического отображения.
В результате легко получается объединять творчество, эстетику и конкретные выражения для технической обработки.
HES-код в Турции: что это, как получить
HES-код (Hayat Eve Sığar) — это персональный код, введенный Министерством здравоохранения Турции, для отслеживания перемещения зараженных людей. Нужен во всех или почти всех государственных учреждениях, в больницах, банках, на почте. Во многих провинциях Турции без него нельзя воспользоваться муниципальным городским транспортом.
HES-код может быть получен несколько раз, все его версии работают.
Нужен ли HES-код туристам?
Читайте также:
Как получить HES-код?
Получить HES-код можно следующими способами:
Первые 2 варианта доступны только турецким гражданам и иностранцам при наличии ВНЖ. Смотрите видео о том, как это сделать.
Туристы ограничены последними 2 способами. Но в реальности нужен только последний, когда получение HES-кода происходит по факту заполнения обязательной въездной электронной анкеты. Кстати, читайте также про все требования для въезда в Турцию.
Как получить HES-код с турецкой сим-карты?
Для этого необходимо отправить SMS на номер 2023 с турецкой сим-карты. В ответ в течение минуты придёт SMS с HES-кодом и сроком его действия.
В следующей SMS придёт ссылка на веб-страницу, где будет сгенерирован QR-код для быстрого считывания. QR-код можно сохранить или сделать скриншот экрана.
SMS для получения HES-кода необходимо отправить в следующем формате:
1. Граждане Турецкой республики.
Пример: «HES 12222222222 1234 90».
2. Иностранцы с ВНЖ (икамет, начинающийся на 97, 98 или 99).
Пример: «HES 99222222222 1980 180».
3. Иностранные туристы.
Пример для туристов из РФ: «HES RUS 00000000007 1900 SCHTIRLITZ».
Если хотите HES-код на определенное количество дней, то после фамилии поставьте пробел и число.
Как получить HES-код иностранцу до поездки в Турцию?
С 15 марта 2021 года для посещения Турции в обязательном порядке необходимо заполнить анкету на въезд. Затем распечатать или сохранить в телефоне. В выходном файле анкеты будет предоставлен HES-код, как на картинке ниже.
Имейте в виду на сайте написано ограничение, что заполнение анкеты возможно не ранее, чем за 72 часа до прилета.
Читайте в отдельной статье подробную информацию про заполнение анкеты.
Часто задаваемые вопросы
1. Нужен ли HES-код иностранным туристам?
Да. Он понадобится при заселении в отеле, пользовании муниципальным транспортом, для посещения ТЦ и некоторых достопримечательностей. В любом случае HES-код у вас будет по факту заполнения электронной анкеты.
2. Есть ли у HES-кода срок действия?
3. Нужен ли HES-код для детей/младенцев?
Да, нужен для детей с 2 до 18 лет. Для младенцев до двух лет получать не требуется.
4. Нужен ли HES-код на международные/местные авиарейсы иностранным туристам?
На все международные рейсы с вылетом из Турции HES-код не требуется.
На внутренних рейсах HES-код требуется только для турецких граждан и обладателей ВНЖ (начинающихся с номеров 97, 98, и 99).
5. Можно ли получать HES-коды на несколько человек с одной сим-карты?
Можно получать сколько угодно кодов на один телефон, который не обязательно должен быть ваш.
6. Есть ли в Новом аэропорту Стамбула/Аэропорту имени Сабихи Гёкчен точки по продаже местных сим-карт?
Да, в Аэропорту Стамбул и Аэропорту имени Сабихи Гёкчен представлены сотовые операторы Turkcell, Turk Telekom, Vodafone. Получив такую сим-карту, вы сможете в любой момент получить HES-код, звонить и пользоваться интернетом.
HES-код в Турции, и как его получить
Что такое HES-код в Турции?
Важно! А ещё без него нельзя купить билеты онлайн, например на междугородние автобусы на сайтах 12go или Busbud.
Очень важно! Сейчас для посещения Турции обязательно нужно иметь отрицательный ПЦР-тест, сделанный не позднее, чем за 72 часа до въезда в страну. Когда приедете из Турции в Россию, тоже надо сделать ПЦР-тест и его результаты загрузить на «Госуслуги». Список клиник, которые делают такие тесты, можно посмотреть здесь. Во все клиники из этого списка можно записаться онлайн.
Как получить HES-код?
HES-код сейчас можно получить онлайн. Для этого надо заполнить анкету в течение последних 72 часов перед поездкой в Турцию вот на этом сайте. В результате вам присвоят индивидуальный код. Вот так выглядит PDF-файлик с кодом, который предлагают скачать после заполнения анкеты.
Фрагмент PDF-файлика с HES-кодом, который предлагают скачать после заполнения анкеты.
Как заполнять анкету для HES-кода (инструкция)
Шаг 1: заполняем общую информацию
Переходим на сайт с анкетой. В выпадающем списке выбираем русский язык.
Шаг 2: заполняем адрес проживания в Турции
Важно! После того как заполнили все поля, надо обязательно нажать на кнопку «+ Добавить адрес», а уже потом переходить к следующему шагу.
Важно! Здесь тоже, после того как указали страну, надо обязательно нажать на кнопку «+ Добавить страну», а уже потом переходить к следующему шагу.
Шаг 4: проверяем данные
Шаг 5: получаем HES-код
Когда всё сделаете, то перейдёте на страницу, где увидите свой HES-код. А ещё будет ссылка, по которой можно скачать файлик с информацией о Вас и с Вашим кодом. Я загрузил его в телефон и на всякий случай распечатал и вложил в загранпаспорт.
Делюсь! Как дешевле снять отель в Стамбуле.
Россияне привыкли бронировать на Booking, но привычка играет дурную шутку. Ищите на RoomGuru или Hotellook. Там дешевле! У них поисковая база больше, и тот же Букинг в нее включен. Если на Букинге будут предложения дешевле, то их тоже покажут в выдаче на поиске.
Как получить HES-код в Турции. Пошаговая инструкция
Турция ждёт! Для того, чтобы спокойно отдыхать под ярким солнцем у бассейнов Анталии, купаться в лазурном море Фетхие или Сиде, гулять по длинным песчаным пляжам и ни о чём не беспокоиться, нужно заранее подготовиться. И сейчас мы расскажем вам, как.
Сейчас для въезда в Турцию нужно за 72 часа до вылета сделать ПЦР-тест на covid-19 и получить справку с отрицательным результатом. Или такую же справку о результате экспресс-теста на антигены, сделанного не ранее, чем за 48 часов до вылета. Детям до 6 лет справка не нужна.
А ещё за 72 часа до прибытия все туристы старше шести лет должны заполнить специальную онлайн-форму на сайте Министерства Здравоохранения Турецкой Республики, чтобы получить персональный HES-код. Мы подготовили подробную инструкцию о его получении.
Что такое HES-код, и для чего он нужен
HES-код создало Министерство здравоохранения Турции для отслеживания распространения covid-19. Этот код необходим для поездок по Турции и в общественном транспорте Стамбула и Антальи, для посещения некоторых достопримечательностей, ресторанов, магазинов и турецких бань, а также для заселения в отели.
Но самое важное, авиакомпании не регистрируют на рейс пассажиров без заполненной формы для въезда в Турцию и HES-кода в распечатанном или электронном виде.
Форму для въезда в Турцию обязательно нужно заполнить каждому, кто въезжает в страну, в том числе детям от 6 лет и старше.
Как получить HES-код
Для начала нужно забронировать тур в Турцию. Без этого ничего не выйдет.
Дождитесь, когда в вашем Личном кабинете на Level.Travel появятся все нужные документы, выделите 10-15 минут, подготовьте загранпаспорт и информацию о вашем туре — номер рейса, название отеля и его адрес. И можно приступать к заполнению формы. Обратите внимание, что форму нужно заполнить не ранее, чем за 72 часа до въезда в страну.
Заполняем общую информацию
Зайдите на сайт и в выпадающем меню выберите язык. Хорошая новость: форма переведена на русский.
Теперь в анкете укажите:
• Фамилию и имя латинскими буквами — как в загранпаспорте.
• Место проживания и национальность — можно выбрать из выпадающего списка. Чтобы найти их быстрее, просто введите в поле первые три буквы «RUS».
• Пол, дату рождения, номер загранпаспорта. По желанию заполните строки для номера телефона и адреса электронной почты.
• Выберите тип въезда: воздушным путём.
• Напишите название авиакомпании, номер рейса и дату прибытия — всё это есть в информации о туре в вашем Личном кабинете.
Сообщаем о месте проживания
Здесь нужно указать адрес вашего проживания в Турции. Выберете город и район, где остановитесь, напишите адрес и телефонный номер отеля, — всё это можно найти в ваучере на проживание в Личном кабинете или на странице отеля на Level.Travel.
А теперь внимание! Обязательно нажмите кнопку «Добавить адрес», чтобы он сохранился в анкете.
Рассказываем о посещенных за последние 10 дней странах
На следующей странице вас попросят выбрать страны, которые вы посетили за последние десять дней. Если никуда не ездили, выбирайте из выпадающего списка «Russian Federation» и смело переходите дальше.
Проверяем данные
Перед вами предпросмотр готовой анкеты. Внимательно проверьте информацию. Если вам нужно отредактировать одно из полей, вернитесь назад и сделайте это.
Получаем HES-код
Когда убедитесь, что всё заполнено верно, нажмите кнопку «Сохранить». Поздравляем! Вы получили личный HES и QR-код со ссылкой на анкету.
Сохраняем анкету
Осталось скачать файл, распечатать его или сохранить на телефон (можно просто скриншотом), чтобы показать на стойке регистрации в аэропорту. Выглядеть заполненная анкета должна так же, как на предыдущей иллюстрации, только с вашими данными и QR-кодом.
Готово! Шведские столы в отелях, пляжи и теплое море, живописные парки и горные вершины, каньоны и шумные реки, маленькие семейные кафе — всё это теперь ваше. Так что смело бронируйте тур, используйте нашу инструкцию и и отправляйтесь навстречу новым впечатлениям!
Выбрать тур в Турцию
Учимся считать в hex, или реверс-инженеринг будильника
Введение
Недавно у меня появилась мысль научиться считать в шестнадцатеричной системе счисления. Так как я человек ленивый, такие способы, как выучить таблицу умножения меня не устраивали. Немного поразмыслив, я вспомнил, что каждое утро решаю (иногда несколько раз) несложный пример, чтобы отключить будильник. Помогает слабо, со временем я начал решать почти не просыпаясь. Так почему бы не совместить полезное с полезным?
Осталось выбрать способ реализации. Так как я не имею не малейшего представления о разработке под андроид (да и вообще с Java не сильно знаком), да и писать свое приложение ради такой мелочи — это стрельба из пушки по воробьям, было решено модифицировать уже имеющийся будильник. 
Под катом вы найдете описание инструментов, процесса и результата перевода примера в hex. А также объяснение синтаксиса smali кода (язык опкодов для виртуальной машины dalvik). Картинок почти нет, буков много.
Получение читабельного кода
Итак, берем файл нашего приложения (в моем случае это AlarmDroid) и разархивируем его. Есть много способов сделать это, я пользовался Apk Manager, о котором я еще напишу чуть ниже. Далее нужно конвертировать classes.dex в jar. Для этого есть dex2jar. Перетаскиваем файл на dex2jar.bat. Теперь нужно научиться читать получившийся jar файл. Используем для этого программу jd-gui (кстати есть одноименный плагин для Eclipse).
Итак мы получили почти читаемый код, хотя кое-где декомпилятор явно плющит.
Первая кровь
Для начала неплохо было бы сделать генерацию чисел не до 10, а до 15. Изучаем код, и находим метод генерации примера. Поискать его придется, классов в деревьях много. Но так как названия методов сохранились, это не очень сложно.
Находим искомый метод в классе RingerActivity.
Ну вроде все, просто: генерируем 3 числа и 2 знака, и кладем результат в this.x (это нам, кстати, пригодится).
Теперь находим этот же метод в smali-коде (к сожалению в онлайне нету хайлайтеров smali кода, а свой писать лениво, поэтому код будет скринами).
(Код метода продолжается дальше)
Код непонятный, но явно видно что константы задаются один раз в начале. Поэтому меняем 0xa на 0xf и пытаемся увидеть изменения, чтобы знать что мы на верном пути. С помощью Apk Manager собираем, подписываем, перекачиваем на телефон (можно тестировать на эмуляторе, если установлен Android SDK), устанавливаем, ставим будильник на минуту вперед, ждем, смотрим. Эту процедуру придется повторять большое количество раз. Числа на экране увеличились, ошибок не возникает. Отлично! Теперь самое время немного разобраться в непонятном smali коде.
Разбираемся в smali коде
В общем-то все довольно хорошо описано вот тут, я лишь вкратце и по-русски перескажу.
Типы, методы, поля
Lpackage / name / ObjectName ;-> MethodName ( III ) Z
method ( I [ [ IILjava / lang / String ; [ Ljava / lang / Object ; ) Ljava / lang / String ;
Lpackage / name / ObjectName ;-> FieldName : Ljava / lang / String ;
Здесь в общем-то все и так ясно.
Регистры
В smali коде все регистры 32 битные и могут содержать любой тип значений. Для 64 битных значений используются 2 регистра.
Определение количества регистров в методе
Передача параметров
в него, помимо двух интов, передается LMyObject; перед обоими интами, и получается, что в методе 3 параметра. И если вы задали общее количество регистров в методе 5 (или локальное количество 2), то в v2 попадет объект, в v3 — первый инт, в v4 — второй.
Именование регистров
Есть 2 схемы именования регистров: общая v-схема, и p-схема для регистров параметров. В вышеизложенном примере у нас будут 5 общих регистров v0-v4, и 3 регистра параметров p0-p2, причем как было сказано выше p0 и v2 (а также p1 и v3, p2 и v4) обозначают один и тот же регистр.
В общем есть еще некоторые тонкости, но нам для изменения будильника они не важны.
Перевод примера в hex
для всех трех чисел.
Изменение поля ввода
и тут тоже добавляем перевод в верхний регистр. Собираем, смотрим. Ура! Все работает.
Заключение
Скоро сказка сказывается, да не скоро дело делается. Из-за отсутствия дебаггера, тестирование очень сложно, для того чтобы запустить приложение и проверить его работоспособность требуется пара минут, и много надоедающих действий.
Также очень хотелось переделать цифровую раскладку моей любимой клавиатуры Swype для ввода в hex. Но их зашифрованные файлы раскладок стали для меня неодолимым препятствием. =(
Вот финальная версия будильника. К сожалению обновляться после модификации он перестал. Ну да мне и нынешнего функционала хватает.
Спасибо за внимание, буду рад любой критике!