Конвертер HEX в десятичный цвет для живой проверки
«HEX в десятичное» конвертирует значения цвета между шестнадцатеричным и десятичным в реальном времени, и любую сторону можно редактировать для обновления другой. Его гибкий парсер принимает короткий HEX, например #abc, синтаксис rgb() вроде rgb(1 2 3 / 50%) и именованные цвета. Просмотрите образец цвета, скопируйте готовую строку CSS и проверьте предупреждение о выходе за цветовой охват sRGB.
Конвертер «HEX в десятичное» помогает конвертировать значения цвета между шестнадцатеричным и десятичным, проверяя результат по ходу работы. Введите цвет, и другая сторона обновится в реальном времени; также можно редактировать любую сторону напрямую. Образец, готовая строка CSS и предупреждение о выходе за цветовой охват облегчают просмотр цвета вместе с его конвертированным значением.
Парсер принимает шестнадцатеричный ввод, включая короткие формы вроде #abc, а также rgb(1 2 3 / 50%) и именованные цвета. Конвертер обновляет другую сторону при редактировании любого значения. Также можно настроить опции, показанные в инструменте, затем просмотреть получившееся значение и визуальные проверки. Если цвет выходит за пределы sRGB, инструмент отображает предупреждение.
Шестнадцатеричная и десятичная системы — разные способы представления значений: шестнадцатеричная использует основание 16, а десятичная — основание 10. Конвертация между ними помогает при переносе данных о цвете в систему, ожидающую другое представление, или при проверке совпадения двух значений. Образец и копируемая строка CSS полезны, когда нужно изучить или повторно использовать конвертированный цвет.
Инструмент работает полностью в вашем браузере, поэтому ваш ввод обрабатывается на вашем устройстве, и ничего не загружается, не сохраняется и не отправляется на сервер. У него нет зависимости от сервера, поэтому после загрузки страницы конвертация работает офлайн. Разработчики и DevOps-инженеры могут использовать его для проверки цветов при написании кода, подготовке документации, просмотре тикетов или обмене значениями с коллегами.
Шаг 1: Введите шестнадцатеричный цвет, чтобы увидеть его десятичный результат. Также можно попробовать поддерживаемые вводы, такие как #abc, rgb(1 2 3 / 50%) или именованный цвет.
Шаг 2: Отредактируйте любую сторону конвертера. Другая сторона обновится в реальном времени, чтобы можно было проверить значение с любого направления.
Шаг 3: Настройте доступные опции, показанные инструментом, затем просмотрите обновлённую конвертацию.
Шаг 4: Проверьте образец цвета и готовую строку CSS. Если цвет выходит за пределы sRGB, просмотрите предупреждение о выходе за цветовой охват.
Шаг 5: Скопируйте десятичный результат или строку CSS для использования в коде, документации или заметках.
Пример использования: Перенесите шестнадцатеричное значение цвета в систему, принимающую десятичные значения. Живой результат помогает проверить конвертацию перед использованием.
Пример использования: Убедитесь, что десятичное значение цвета соответствует шестнадцатеричному оригиналу, который вам дали. Отредактируйте любую сторону и сравните обновлённое значение и образец.
Пример использования: Подготовьте конвертацию шестнадцатеричного цвета для документации, тикета или сообщения коммита. Скопируйте результат или готовую строку CSS.
Пример использования: Проверьте конвертацию цвета перед вставкой в код. Образец и предупреждение о выходе за цветовой охват дают полезные визуальные проверки.
Пример использования: Проверьте значение цвета, скопированное из CSS, когда оно использует синтаксис rgb() или именованный цвет. Гибкий парсер принимает их наряду с шестнадцатеричным вводом.
Пример использования: Сравнивайте значения цвета при работе с кодом, использующим разные представления. Двустороннее редактирование в реальном времени позволяет изучить любую сторону без повторного ввода.