Що таке Hex код для кольору?

Nov 1, 2024
Explainers

У цифровому світі, кольори не тільки в особі їх, ну, колір , Але і шестизначні коди. Ці «шіснадцяткові коди» або «колір в шістнадцятковому форматі» грають дуже важливу роль в дизайні. Ми пояснимо, як це все працює.

Червоний, зелений, синій

Шістнадцятковий код складається з шести цифр-зазвичай передує символ фунта (#). Наприклад, тут шістнадцятковий код чистий чорний: # 000000. Цифри в цьому коді відповідають кількості червоного, зеленого і синього в кольорі.

Перші дві цифри говорять нам, наскільки червоний колір в колір, наступні дві цифри для зеленого, а останні два є для синього. Чорний є відсутність кольору, тому це «000000.» Там немає червоного, зеленого або синього кольору присутні.

Кількість червоного, зеленого, синього або може бути в діапазоні 0-255. Але чекати, якщо кожен колір має тільки дві цифри, і масштаб проходить весь шлях до 255, як це працює? Це дійсно становить проблему. Ви можете подумати, чистий червоний буде # 2550000, але це більше, ніж шість цифр. Пряжки.

Число і літери

Hex коди кольору не містять тільки цифри. Реальний код для чистого червоного кольору є # ff0000. Так як же ці букви перевести кольору? Це трохи складно.

Система шестнадцатеричное заснована на числі 16. Після того, як ви з'ясувати, скільки кольору вам потрібно, в тому 0-255 масштабі, ви розділите на 16. Номер, який ви отримаєте у верхній частині рівняння є першою цифрою, то залишок є другою цифрою.

Тепер, якщо ці два числа є однозначними числами, ви просто підключити їх в свої місця в шістнадцятковому коді. Проте, якщо ви в кінцевому підсумку з двозначним числом, воно повинно бути перетворено в лист. Для цього є простий розмова, щоб зробити:

  • 10 стає
  • 11 стає B
  • 12 стає C
  • 13 стає D
  • 14 стає E
  • 15 стає F

Щоб повернутися до чисто червоний-який є # ff0000-тепер ми можемо бачити, що це було # 1515 0000 перед перетворенням букв. Більш складний колір, такі як цей відтінок фіолетового (# 5f1e85) -має більше відбувається, але ви знаєте, що будь-який лист це просто число більше 9.

Що таке Hex коди для?

Тепер ми знаємо, що шістнадцятковий код є , Але те, що робить його робити ? Код шістнадцятковий колір вказує на дисплей, який колір, щоб показати. Дисплей зчитує всю інформацію про те, як зробити цей колір з коду, і це саме те, що щось робить колір.

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

Це все, що є шістнадцяткові кольорові коди. Вони можуть виглядати як іноземна мова, але є дуже конкретна формула, яка пояснює значення за кожною цифрою. Тепер ви знаєте трохи більше про тих кодах, які ви бачите в Photoshop і Illustrator .

Пов'язані: Яка різниця між Illustrator і Photoshop?

Як знайти шістнадцятковий код для кольору

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

Якщо ви шукаєте хороший друг, ми рекомендуємо сайт під назвою image-color.com . Ви можете завантажити зображення з пристрою або URL і використовувати інструмент піпетку, щоб вибрати колір з нього. Натисніть кнопку «Обзор», щоб завантажити свій власний або вставити URL в текстове поле і натисніть кнопку «Завантажити».

Після того як зображення було завантажене ви можете натиснути кнопку або натисніть в будь-якому місці, щоб вибрати колір з зображення. Колір буде відображатися у верхній частині разом з шістнадцятковим кодом в поле «HEX».

Тепер ви можете взяти цей шістнадцятковий код і використовувати його в Photoshop, Illustrator або де б вам не було потрібно. Це все, що є шістнадцяткові кольорові коди. Вони можуть виглядати як іноземна мова, але є дуже конкретна формула, яка пояснює значення за кожною цифрою. Тепер ти знаєш.


Explainers - Найпопулярніші статті

Що таке Apple Prores на iPhone?

Explainers Sep 20, 2025

Дебутація на iPhone 13 PRO незабаром після запуску - це функція, яка дозволяє пристрою захопити відео в Prores P..


Що таке ULED телебачення, і чим вона відрізняється?

Explainers Oct 22, 2025

Свято Якщо ви шукали новий телевізор В останні кілька років ви, мабуть, побачили, що Сяш..


Що таке комп'ютерні файли і папки?

Explainers Oct 18, 2025

Stokkete / shutterstock.com Файли та папки є загальною метафорою для зберігання даних на комп'ютері..


Що робити «Serif» і «Sans Serif» Mean?

Explainers Oct 10, 2025

Якщо ви коли-небудь були на полюванні для ідеального шрифту, є два терміни ви, ймовірно, noticed- «зарубок» ..


Що таке звук витоку?

Explainers Oct 10, 2025

Клени Images / Shutterstock.com Чи були коли-небудь сиділи поруч з кимось на громадському транспо..


Що шукати в камері безпеки

Explainers Nov 25, 2024

aslysun / Shutterstock.com Камери поставляються з широким набором функцій, так що це може бути стим..


Що таке Spatial Audio, і як це працює?

Explainers Nov 9, 2024

Іван Крук / Shutterstock.com Якщо ви робили покупки для навушників або інших звукових технолог�..


Чому Там так багато отворів нульового дня безпеки?

Explainers Nov 2, 2024

DVKi / Shutterstock.com використання Кіберзлочинці нульовий день уразливості для зл..


Категорії