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

  1. Шестнадцатеричные коды представляют красный, зеленый и синий
  2. Шестнадцатеричные коды Использование шестнадцатеричной системы для минимизации длины
  3. Шестнадцатеричные коды могут быть сокращены
  4. Придумайте свои собственные шестнадцатеричные коды
  5. Рекомендуемое обучение - домик на дереве

В CSS есть два основных способа выбора цвета. Во-первых, просто используйте название цвета, например так:

цвет фона: синий;

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

Вот почему CSS использует шестнадцатеричные коды , например:

цвет фона: #DDEEFF;

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

Шестнадцатеричные коды представляют красный, зеленый и синий

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

Шесть цифр шестнадцатеричного кода на самом деле представляют собой три двузначных числа, каждое из которых представляет уровень красного, зеленого и синего. Таким образом, # 000100 имеет нулевой красный цвет, самый темный из возможных оттенков зеленого цвета, но при этом не является абсолютно черным, а нулевой синий # 010101, поскольку все три значения равны, это самый темный из возможных оттенков серого, а # 020202 - второй самый темный. И конечно же # 000000 черный. Но как насчет #FFFFFF для белого - что означают буквы?

Шестнадцатеричные коды Использование шестнадцатеричной системы для минимизации длины

Существует 256 возможных оттенков красного, зеленого и синего (от 0 до 255). Если бы мы хотели получить белый цвет (самые яркие уровни всех трех цветов вместе), нам нужно было бы написать # 255255255. Это девять цифр в длину.

Шестнадцатеричные коды используют шестнадцатеричную систему счисления, чтобы сделать возможным представление 256 чисел только двумя цифрами. Вместо того, чтобы считать от 0 до 10, как наша обычная десятичная система счисления, он считает 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F и затем 10, затем 11, 12, 13, 14, 15, 16, 17, 18, 19, 1А, 1В, 1С, 1D, 1Е, 1F, а затем 20. Имеет смысл?

Это означает, что 256 чисел могут быть представлены только двумя цифрами вместо 100, которые возможны в нашей десятичной системе счисления (от 0 до 99). Таким образом, максимально возможное двузначное число - это не 99, а FF (равно 255). Вот почему белый цвет #FFFFFF, чистый красный цвет # FF0000, чистый зеленый цвет # 00FF00 и чистый синий цвет # 0000FF.

Узнайте больше о шестнадцатеричном и его связи с двоичным ...

Шестнадцатеричные коды могут быть сокращены

Возможно, вы видели шестнадцатеричные коды, такие как #FFF, # 000, # 0F0 или даже #ABC, которые используют только три цифры. Это всего лишь сокращение от написания кода, который состоит из трех пар идентичных цифр: #FFFFFF, # 000000, # 00FF00 или #AABBCC.

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

Итак, теперь вы знаете, как генерируется шестнадцатеричный код, становится возможным писать свой собственный, не нуждаясь в палитре цветов. Конечно, палитра цветов по-прежнему является более простым вариантом для более непонятных цветов, но для простых комбинаций, таких как пурпурный (синий + красный, # F0F), голубой (синий + зеленый, # 0FF) или любой оттенок серого (примеры # 222 , # 555 или #CCC), зная, как работают шестнадцатеричные коды, вы сэкономите много времени.

Рекомендуемое обучение - домик на дереве

Хотя этот сайт рекомендует различные учебные услуги, наша главная рекомендация   Дом на дереве   , Хотя этот сайт рекомендует различные учебные услуги, наша главная рекомендация Дом на дереве ,

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

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

Прочитайте наш полный обзор Treehouse ...


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

Похожие

Широкое влияние: использование высокоэффективной фишинг-техники Gmail
Обновление от 24 февраля: Chrome решил эту проблему, к моему удовлетворению. Ранее в этом месяце они выпустили Chrome 56.0.2924, который изменяет поведение строки адреса. Если вы теперь просматриваете URL-адрес данных, в строке адреса отображается сообщение «Незащищенный», которое должно помочь пользователям понять, что они не должны доверять формам, представленным им через URL-адрес данных. Это поможет предотвратить эту специфическую технику фишинга. Обновление
Загрузка, установка, использование веб-браузера Lynx на основе командной строки в Ubuntu
Хотя графический пользовательский интерфейс (GUI) почти стал синонимом персональных компьютеров в наши дни, системы все еще существуют, которые предлагают только интерфейс командной строки (CLI). Даже если вы не используете эти системы на основе интерфейса командной строки, иногда, когда вы устраняете проблему, вам необходимо переключить систему в режим командной строки. Что делать, если есть необходимость доступа в Интернет, когда ваша система работает в режиме командной строки? Существуют
Конор | Выделенные системы, сайты, интернет-магазины
МЫ РЕАЛИЗУЕМ КОМПЛЕКСНЫЕ ВЕБ-САЙТЫ 6 САЙТЫ Разработка сайта на CMS WordPress, модификация, внедрение шаблонов, оптимизация.
Фирменное наименование - как создать что-то оригинальное?
Знаете ли вы, что названия популярных брендов, таких как Google, Apple и Coca-Cola, были созданы случайно? Представьте себе нескольких сотрудников в офисе, которые в течение нескольких часов пытаются придумать название компании. В результате их имя было вдохновлено ... математикой и ошибочным вводом одного из сотрудников! Так появился Google, хотя было много теорий об истории создания имен! Это было похоже на Twitter,
GReAT (Группа глобальных исследований и анализа), Лаборатория Касперского За последние пять лет чрезвычайно...
GReAT (Группа глобальных исследований и анализа), Лаборатория Касперского За последние пять лет чрезвычайно продвинутая кампания по кибершпионажу привела к проникновению в компьютерные сети дипломатических учреждений, правительственных учреждений и научных организаций, что привело к мощной утечке данных и информации о мобильных устройствах, компьютерных системах и сетевых устройствах. Исследователи из «Лаборатории Касперского» провели несколько месяцев, анализируя вредоносные
Вы видели новый Onet Sport? Наконец, так и должно быть после слияния с Eurosport
Вчера я обнаружил, что моя внешность полностью изменилась Onet.pl Sport - один из сайтов, которые я посещаю каждый день в польской сети. Онет не сообщил об этих изменениях (или не заметил их), и изменение настолько важно, что о нем стоит говорить громко. Почти год назад, в августе 2012 года,
Самые красивые осенние свадебные приглашения
Осень - фантастическое время года, чтобы представить уникальные свадебные приглашения, вдохновленные этим периодом. Богатая палитра красок и удивительные дары природы, которые мы встречаем каждый день осенью, делают свадебные канцелярские принадлежности чрезвычайно разнообразными и, что сказать, уникальными. Здесь представлены самые красивые свадебные приглашения, вдохновленные осенней аурой и природой. Черный, белый и золотой
Промышленная революция 4.0 на немецком языке
Польские власти недавно представили программу четвертой промышленной революции, которая должна обеспечить быстрое развитие Польши. Самое время, потому что подобные планы уже реализуются в Германии и других странах. Однако не все выиграют от революционных изменений. Химическая промышленность - одна из шести, чье развитие зависит от успеха немецкой экономики (CC0 pixabay)
Бесплатное портфолио для фотографа или где разместить свои фотографии
В Интернете вы можете найти десятки страниц, которые позволят вам поделиться своими фотографиями. Есть много идей для фото-сервиса, и у каждой страницы есть свои преимущества и недостатки. На одном сайте у нас есть большое сообщество, которое оценит фотографии и покажет их недостатки, на других мы можем создать ее герметичную галерею, куда будут допущены только избранные люди. Я постараюсь представить лучшие онлайн-портфолио и галереи сегодня. Прежде чем выбрать
Кампания Adwords - реклама для мобильных устройств - ISPRO - Интернет-системы
Благодаря развитию технологий все больше и больше получателей пользуются Интернетом на ходу. Есть такие инструменты, как смартфоны, планшеты и многое другое в обращении. Google не забывает об этой группе пользователей. В предыдущей статье Реклама на мобильных устройствах мы описали интернет-маркетинг для мобильного отдела. Вы можете найти много информации об этом, почему вы должны использовать этот
Android, iOS, Windows - системы для смартфонов - магазин komputronik.pl
При выборе смартфона самый распространенный вопрос какой смартфон будет лучшим? На рынке появляются новые «улучшенные» модели, поэтому сложно выбрать, что будет для нас наиболее подходящим. Легко не заметить, что является самым важным, что заставляет телефон работать так, а не иначе. Сердце и мозг каждого смартфон это его операционная система,

Комментарии

Решение будет легче принять, если мы представим, какими могут быть последствия нежелательных явлений в электросети?
Решение будет легче принять, если мы представим, какими могут быть последствия нежелательных явлений в электросети? Перенапряжение в сети, составляющее несколько миллисекунд, может привести к потере данных во время цикла записи / чтения с жесткого диска, а также к повреждению или приостановке работы электронных компонентов. Внезапная полная потеря питания может привести к потере несохраненных данных, над которыми мы работали, а также
Romuo - для чего он может быть использован?
Romuo - для чего он может быть использован? Представьте себе забавного человека, который каждый четверг развлекает людей в независимом комедийном клубе, который он создал вместе со своими друзьями. У них нет имени, но они полностью используют забавную фразу Ромека от имени Ромеко! Просто и гениально, правда? Romuo может быть брендом для сшитых вручную интерактивных игрушек или для компании, которая специализируется на игровом
Или, может быть, вы уже закончили террасу подобным образом?
Или, может быть, вы уже закончили террасу подобным образом? Поделитесь своими впечатлениями в комментариях!
Чем могут помочь эти специальные лампы?
Чем могут помочь эти специальные лампы? Согласно Клиника Майо Световая терапия может быть использована для лечения широкого спектра проблем, в том числе САД, нарушений сна и смены часовых поясов. Исследования даже показали, что у пациентов с депрессией светотерапия может работать так же, как антидепрессанты , Лекси Саввидес из CNET недавно исследовала
Мы заботимся о мнениях и критике других (в основном более опытных) фотографов, или, может быть, мы рассчитываем на те же лайки и «лапы»?
Мы заботимся о мнениях и критике других (в основном более опытных) фотографов, или, может быть, мы рассчитываем на те же лайки и «лапы»? А может мы вообще не хотим комментировать? Второй фундаментальный вопрос: как часто я буду обновлять мою галерею? Я предпочитаю статичное портфолио с моими абсолютно лучшими фотографиями, или мой формат блога более подходящий? В последнем случае, возможно, не все фотографии будут отличными, но для следующих фотографий будут появляться регулярно.
Но как веб-дизайнеры и разработчики могут воспользоваться преимуществами растущей осведомленности о местоположении пользователей?
Но как веб-дизайнеры и разработчики могут воспользоваться преимуществами растущей осведомленности о местоположении пользователей? В этой статье рассматриваются существующие тенденции, соглашения и возможное будущее интерактивных карт онлайн. Основы онлайн-карт Когда большинство людей думают о картах в Интернете, на ум приходят Google, MapQuest и TomTom. Это гиганты отрасли, но они далеко не самые креативные. Эти компании предоставляют карты в качестве услуги. Как вы увидите из
Только если использование оператора стоит на несколько сотен процентов больше, чем на самом деле, имеет какой-то смысл для оператора?
Только если использование оператора стоит на несколько сотен процентов больше, чем на самом деле, имеет какой-то смысл для оператора? Нет! Операция по покупке телефона оператором работает точно так же, как и получение кредита в банке, поэтому за распространение платежа взимается процент. От, такой рыночный закон. Давайте посмотрим на другие примеры: Sony Xperia XA1 стоит 929 злотых в большинстве ведущих онлайн-магазинов RTV / AGD. Play on offer с оплатой до 80 PLN, предлагает
Каков примерный размер операции «Красный Октябрь» в мировом масштабе?
Каков примерный размер операции «Красный Октябрь» в мировом масштабе? За последние несколько месяцев мы насчитали несколько сотен инфекций по всему миру - все они произошли в очень важных местах, таких как правительственные сети и дипломатические учреждения. Выявленные нами инфекции распространяются в основном в Восточной Европе, но есть также сообщения из Северной Америки и стран Западной Европы, таких как Швейцария и Люксембург. На основе нашей сети Kaspersky
4. Какие операционные системы поддерживаются на серверах 14G?
4. Какие операционные системы поддерживаются на серверах 14G? Проверьте Поддержка Матрица для операционной системы предприятия. 5. Какой пароль по умолчанию для iDRAC9? Пароль по умолчанию для iDRAC можно найти в следующей статье: « Учетные данные
Какие условия должны быть выполнены, чтобы получить это пособие?
Какие условия должны быть выполнены, чтобы получить это пособие? Каковы варианты его оплаты и в чем разница между Arbeitslosengeld I и Arbeitslosengeld II? Люди, которые работают или остаются в Германии, могут получить два вида пособий по безработице - Arbeitslosengeld I (ALG I) и Arbeitslosengeld II (ALG II, также известный как Harz IV). Каковы условия предоставления Arbeitslosengeld I? Для получения выплаты пособия необходимо: Лицо,
Означает ли это, что iOS - лучшая операционная система на рынке, или, может быть, здесь есть дополнительные маркетинговые уловки?
Означает ли это, что iOS - лучшая операционная система на рынке, или, может быть, здесь есть дополнительные маркетинговые уловки? Культовый бренд Вы должны немедленно заметить, что iPhone - флагманский бренд Apple появились задолго до появления аналогичных моделей от Google (Android) стабильной, а тем более от Microsoft (Windows Phone). Это означает, что бренд может меняться и меняться

Но как насчет #FFFFFF для белого - что означают буквы?
20. Имеет смысл?
Что делать, если есть необходимость доступа в Интернет, когда ваша система работает в режиме командной строки?
Фирменное наименование - как создать что-то оригинальное?
Знаете ли вы, что названия популярных брендов, таких как Google, Apple и Coca-Cola, были созданы случайно?
Решение будет легче принять, если мы представим, какими могут быть последствия нежелательных явлений в электросети?
Romuo - для чего он может быть использован?
Просто и гениально, правда?
Или, может быть, вы уже закончили террасу подобным образом?
Чем могут помочь эти специальные лампы?

Новости

Социальные сети в России, зима 2015-2016 Цифры, тренды, прогнозы | Блог Brand Analуtics — все о бренд мониторинге и социальной аналитике
Представляем данные регулярного исследования активной аудитории социальных сетей в России, зима 2015-2016. В исследовании представлены данные по аудитории, возрасту, полу и региональному распределению

SMM маркетинг от А до Я
Развитие социальных сетей породило новую огромную бизнес отрасль — СММ маркетинг. Это когда мы приходим с нашим продуктом в какую-нибудь соцсеть, находим там нашу целевую аудиторию, и предлагаем ей наш

Полезно знать
20.02.2014 Что такое Pinterest. Визуальный PR и маркетинг Pinterest или ПИНТЕРЕСТ – социальная сеть, использующая вместо текстов картинки и изображения, которые можно добавлять в аккаунт,

Фейсбук Моя страница: ВХОД на свою страницу Facebook
Фейсбук (Facebook) Моя страница — это личная страница каждого зарегистрированного пользователя самой большой в мире социальной сети.  Фейсбук даёт возможность людям с разных уголков Земли общаться между

Анализ социальных сетей
АНАЛИЗ СОЦИАЛЬНЫХ СЕТЕЙ (social network analysis) - новое направление структурного подхода, основными целями которого являются исследование взаимодействий между социальными объектами и выявление условий

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

ВРЕДНОЕ ВЛИЯНИЕ СОЦИАЛЬНЫХ СЕТЕЙ НА ЗДОРОВЬЕ ЧЕЛОВЕКА - VI Студенческий научный форум (15 февраля - 31 марта 2014 года)
ВРЕДНОЕ ВЛИЯНИЕ СОЦИАЛЬНЫХ СЕТЕЙ НА ЗДОРОВЬЕ ЧЕЛОВЕКА Гущина Н. В., Люлина Н.В. С распространением всемирной паутины рост социальных сетей по всему миру стал глобальным явлением. С каждым

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

Маркетинг в социальных сетях (SMM) для продвижения компании
Деятельность в социальных сетях, на блогах и форумах по повышению лояльности клиентов получила название SMM — от аббревиатуры английского звучания этого термина – Social Media Marketing. Аудитория

Фейсбук (Facebook) - что это за сеть: как пользоваться ФБ
Фейсбук — это самая популярная и большая социальная сеть в мире. Если Вам интересно узнать больше о Facebook, про то как пользоваться сетью и о некоторых «фишках» ФБ — этот материал именно для вас!