88 lines
8.0 KiB
Markdown
88 lines
8.0 KiB
Markdown
---
|
||
title: Hexadecimal Numbers
|
||
localeTitle: Шестнадцатеричные числа
|
||
---
|
||
## Система шестнадцатеричных чисел
|
||
|
||
Шестнадцатеричные числа, часто сокращенные до «шестнадцатеричных чисел» или «шестнадцатеричных», представляют собой числа, представленные в базе 16, в отличие от базы 10, которую мы используем для повседневной арифметики и подсчета.
|
||
|
||
На практике это означает, что каждый столбец числа, записанного в шестнадцатеричном виде, может содержать до 16 значений.
|
||
|
||
Цифры в шестнадцатеричном порядке используют стандартные символы 0, 1, 2, 3, 4, 5, 6, 7, 8 и 9 для представления соответствующего значения, и использовать первые шесть букв алфавита для представления значений от 10 до 15 (EG: A, B, C, D, E, F).
|
||
|
||
В программировании мы префикс шестнадцатеричных констант с `0x` , за некоторыми исключениями.
|
||
|
||
### Примеры и объяснения
|
||
```
|
||
0x1 == 1
|
||
0xF == 15
|
||
0xFF == 255
|
||
0xFFF == 4095
|
||
0x1000 == 4096
|
||
```
|
||
|
||
В стандартной системе оснований 10 каждая колонка представляет собой увеличение мощности 10, в то время как в базе 16 каждый столбец представляет возрастающую мощность 16.
|
||
|
||
Как видно из приведенного выше примера таблицы, с одной шестнадцатеричной цифрой мы можем представлять числа до 15 включительно. Добавьте еще один столбец, и мы можем представить числа до 255, 4095 с другим столбцом и т. Д.
|
||
|
||
## Использование шестнадцатеричного в низкоуровневом программировании
|
||
|
||
Шестнадцатеричный сначала нашел свое применение в Computer Science в качестве удобства.
|
||
|
||
Данные на наших компьютерах имеют самый низкий общий накопитель - Byte. Каждый байт содержит 8 бит и может хранить число от 0 до 255 включительно.
|
||
|
||
Шестнадцатеричный имеет то преимущество, что он является кратким и имеет четко определенные границы.
|
||
|
||
Один байт всегда представлен двумя шестнадцатеричными цифрами от 0x00 до 0xFF, причем последний является самым большим байтовым значением 255.
|
||
|
||
Сопряженные и байт-ориентированные характеры шестнадцатеричных чисел делают их популярным выбором для инженеров-программистов, работающих на низкоуровневых кодовых или встроенных программах.
|
||
|
||
## Использование шестнадцатеричных чисел в JavaScript
|
||
|
||
JavaScript поддерживает использование шестнадцатеричной нотации вместо целых чисел, но не десятичных знаков.
|
||
|
||
В качестве примера число 2514 в шестнадцатеричном формате равно 0x9D2, но нет способа, поддерживающего язык, для представления 25.14 в качестве шестнадцатеричного числа.
|
||
|
||
Использование шестнадцатеричного кода в вашем коде является личным и стилистическим выбором и не влияет на базовую логику, которую реализует ваш код.
|
||
|
||
## Использование шестнадцатеричных чисел в CSS
|
||
|
||
CSS в течение длительного времени использовал шестнадцатеричную нотацию для представления значений цвета. Рассмотрим следующий селектор:
|
||
|
||
```css
|
||
.my-container {
|
||
background-color: #112233;
|
||
color: #FFFFFF;
|
||
}
|
||
```
|
||
|
||
Значение `background-color` на самом деле представляет собой три шестнадцатеричных байта.
|
||
|
||
Процессор CSS рассматривает их как три отдельных байта, представляющих красный, зеленый и синий.
|
||
|
||
В нашем примере 11 соответствует компоненту красного цвета, 22 соответствует компоненту зеленого цвета, а 33 - компоненту синего цвета.
|
||
|
||
В настоящее время нет способа CSS3 для определения цвета с альфа-компонентом с использованием hex. Предлагаемый проект CSS4 1 включает предложение, позволяющее указать дополнительный байт для указания альфа-значений.
|
||
|
||
На данный момент использование стандартной функции `rgba()` является рекомендуемым способом добавления альфа-значения в ваши цвета.
|
||
|
||
#### Дополнительная информация:
|
||
|
||
* [Шестнадцатеричная система цифр в Википедии](https://wikipedia.org/wiki/Hexadecimal_numeral_system)
|
||
* [Цвет CSS в веб-документах MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
|
||
|
||
#### Рекомендации:
|
||
|
||
* 1 [Цветовой модуль CSS Уровень 4 - 4.2. Шестнадцатеричные обозначения RGB: #RRGGBB](https://www.w3.org/TR/css-color-4/#hex-notation)
|
||
|
||
#### Дополнительная информация:
|
||
|
||
* [Как работают цветовые коды HEX? (через 60 секунд)](https://www.youtube.com/watch?v=c56x1aj2CPA) - Хорошее видео, которое также немного объясняет о шестнадцатеричных числах.
|
||
* [Hex Codes & Color Theory](https://www.youtube.com/watch?v=xlRiLSDdqcY) - более длинное видео, которое вникает в теорию цвета (такие, как аддитивные цвета, а также субтрактивные цвета и т. Д.), А также указывает на другие ресурсы для углубления в тему.
|
||
* [Веб-цвета](https://en.wikipedia.org/wiki/Web_colors) - статья Википедии о том, как цвета используются в Интернете.
|
||
* [Статья в Википедии о шестнадцатеричном коде](https://en.wikipedia.org/wiki/Hexadecimal)
|
||
* [Статья в Википедии о цветах в Интернете](https://en.wikipedia.org/wiki/Web_colors)
|
||
* [Цвета геев](http://www.color-hex.com/)
|
||
* [Средняя статья о шестнадцатеричном цветовом коде](https://medium.com/webkul-dev/hex-color-codes-27cd0a37c3ce)
|
||
* [Дополнительная информация о цветах в CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value)
|
||
* [Исследуйте разные цвета Hex](http://www.colorhexa.com/) |