Конвертер кольорів
Миттєве перетворення між форматами кольорів HEX, RGB та HSL.
Багато форматів
Перетворюйте між HEX (#RGB), RGB (червоний, зелений, синій) та HSL (відтінок, насиченість, світлість) з живим попереднім переглядом.
Живий попередній перегляд
Дивіться колір в реальному часі, поки ви вводите. Миттєво візуалізуйте, як виглядає ваш колір перед використанням.
Копіювати в буфер обміну
Копіюйте одним кліком для будь-якого формату. Миттєво вставляйте кольори у ваш CSS, інструменти дизайну або код.
Вибір кольору
Використовуйте вбудований вибір кольору для візуального вибору кольорів замість введення кодів.
Розуміння моделей кольорів
Різні моделі кольорів виконують різні функції в дизайні та розробці. HEX (шістнадцятковий) є веб-стандартом, RGB представляє, як екрани відображають колір, а HSL описує колір у зрозумілій для людини формі. Кожен формат має свої унікальні переваги: HEX є стислим, RGB інтуїтивно зрозумілий для цифрових дисплеїв, а HSL спрощує створення варіацій кольору шляхом регулювання світлості або насиченості.
Випадки використання для конвертації кольорів
Веб-дизайнери конвертують кольори, щоб відповідати вимогам CSS, графічні дизайнери перекладають кольори бренду між інструментами, а розробники програмно налаштовують кольорові схеми. HEX ідеально підходить для CSS та HTML, RGB добре працює для операцій з JavaScript canvas та обробки зображень, а HSL відмінно підходить для створення кольорових палітр шляхом систематичного варіювання відтінку, насиченості або світлості для послідовних дизайнів.
Розуміння моделей кольорів
HEX використовує шістнадцяткову нотацію (0-9, A-F), де #RRGGBB представляє червоний, зелений і синій компоненти. RGB використовує десяткові значення (0-255) для кожного кольорового каналу. HSL розділяє відтінок (0-360°, позиція на кольоровому колесі), насиченість (0-100%, інтенсивність кольору) і світлість (0-100%, яскравість). Перетворення між ними вимагає математичних формул — наш інструмент обробляє це автоматично.