Зміст
Як один колір отримує інший запис
Конвертер читає колір sRGB у форматі HEX, RGB або HSL і записує його в іншому з цих форматів. Зразок на шаховому тлі допомагає побачити прозорість.
Приклади, які можна повторити
Уведіть #336699: результат RGB становить rgb(51,102,153), а HSL hsl(210,50%,40%). Обидва коди задають той самий приглушений синій.
Для червоного введіть R 255, G 0 та B 0. Відповідний HEX-код #FF0000. Перші два знаки відповідають червоному каналу, решта чотири позначають нулі.
Код #00000080 повертає rgba(0,0,0,0.502). Пара 80 наприкінці відповідає 128/255 непрозорості; тому на різних тлах цей чорний виглядатиме по-різному.
Чому сірий не має виразного відтінку
Коли R, G і B рівні 128, HEX-код дорівнює #808080. Насиченість у HSL становить 0%, тож зміна відтінку не змінить зразок сірого.
Вибір полів і меж значень
Спочатку оберіть вихідний формат. HEX приймає 3, 4, 6 або 8 шістнадцяткових знаків, знак # можна пропустити. Канали RGB є цілими числами від 0 до 255. Для HSL відтінок має межі 0–360°, насиченість і світлота 0–100%. Альфа лежить між 0 та 1. Далі оберіть інший формат результату.
У восьмизначному HEX порядок такий: #RRGGBBAA. Остання пара є альфою згідно зі специфікацією CSS Color. Не варто сприймати цей код як універсальний опис друкарських фарб.
Межі точності й перегляду
Канали RGB округлюються до цілих, HSL до однієї десяткової цифри, альфа до трьох. Після зворотного перетворення остання цифра може відрізнятися. Інструмент не працює з CMYK або Display P3 та не вимірює контраст тексту: для нього потрібен і колір фону.
Питання про HEX, RGB і HSL
Скорочений код і напівпрозорий зразок легко прочитати неправильно.
Чи потрібен знак # перед кодом?
Ні. Уводити HEX можна без #, але готовий код міститиме його.
Що означає #3A7?
Кожен знак короткого запису подвоюється, тому повна форма має вигляд #33AA77.
Чому для сірого вказано відтінок 0°?
Коли насиченість дорівнює 0%, відтінок не впливає на колір. Нуль є сталим значенням для виводу.
Чи збігаються відтінки 0° і 360°?
Так. Коло відтінків замикається в тій самій точці.
Чи можна за одним HEX-кодом перевірити контраст?
Ні. Контраст залежить від пари кольорів: тексту та тла.
Схожі калькулятори
Вам можуть бути корисними наступні калькулятори на цю ж тему:
- Генератор паролів онлайн. Легко створюйте складні та надійні паролі з випадкових символів для підвищення безпеки.
- Онлайн редактор HTML. Зручно редагуйте HTML-код онлайн і бачте результати відразу у візуальному режимі.
- Калькулятор перетворення з двійкової в десяткову. Легко переводьте числа з двійкової системи в десяткову з цим простим онлайн-калькулятором.
- Калькулятор перетворення з двійкової в восьмеричну. Швидко переводьте числа з двійкової системи в восьмеричну з нашим онлайн-калькулятором.
- Калькулятор перетворення з двійкової в шістнадцятеричну. Перетворюйте числа з двійкової системи в шістнадцятеричну за допомогою цього простого онлайн-калькулятора.
- Калькулятор перетворення з десяткової в двійкову. Швидко переводьте числа з десяткової системи в двійкову за допомогою цього онлайн-калькулятора.
- Калькулятор перетворення з десяткової в восьмеричну. Легко переводьте числа з десяткової системи в восьмеричну з нашим онлайн-калькулятором.
- Калькулятор перетворення з десяткової в шістнадцятеричну. Ефективно переводьте числа з десяткової системи в шістнадцятеричну за допомогою цього онлайн-інструменту.
- Калькулятор перетворення з восьмеричної в двійкову. Швидко переводьте числа з восьмеричної системи в двійкову за допомогою цього простого онлайн-калькулятора.
- Калькулятор перетворення з восьмеричної в десяткову. Легко переводьте числа з восьмеричної системи в десяткову з нашим онлайн-калькулятором.
Поділитися у соціальних мережах
Якщо вам сподобалося, поділіться калькулятором у своїх соціальних мережах. Це просто для вас і корисно для просування проекту. Дякуємо!