Визначити HEX-код кольору з зображення

Завантажте фото та клікніть на будь-кий піксель, щоб отримати його HEX-код кольору для вставки в CSS або HTML.

Перетягніть зображення, а потім наведіть на нього, щоб вибрати колір.

Ваше зображення залишається на вашому пристрої — воно зчитується в браузері та ніколи не завантажується на BroBroGo.

Поширені запитання

Як дізнатися HEX-код кольору на зображенні?

Завантажте зображення, а потім наведіть на нього вказівник або клікніть на піксель — лупа допоможе поцілити точно в потрібне місце. Код HEX (наприклад, #4f46e5) відобразиться миттєво, і його можна скопіювати в один клік.

Що таке колірний код HEX?

Код HEX записує колір у вигляді символу # та шести шістнадцяткових цифр — по дві для червоного, зеленого та синього кольорів, наприклад #4f46e5. Це формат, який використовується в CSS, HTML та більшості інструментів дизайну.

Чи можу я отримати коди RGB та HSL, а не лише HEX?

Так — для кожного вибраного пікселя поруч із кодом HEX відображаються значення RGB та HSL, і будь-яке з них можна скопіювати в один клік.

Піпетка кольорів із зображенняВибирайте будь-який піксель на зображенні та отримуйте його коди HEX, RGB та HSL за допомогою лупи для максимальної точності.Конвертер кольорівКонвертуйте кольори між HEX, RGB, HSL, HSV, CMYK та LAB — змінюйте будь-яке поле, а інші оновлюватимуться на льоту.Перевірка контрастностіВведіть кольори тексту та фону, щоб дізнатися коефіцієнт контрастності WCAG та перевірити відповідність стандартам AA й AAA.