AI-Powered
Піпетка кольору
Вибирайте кольори з екрана або будь-якого зображення - HEX, RGB, HSL, CMYK, назви, Pantone.
Your files stay on your device - processed locally via WebAssembly, never uploaded
Upload image to pick
JPEG, PNG, WebP
All Formats
Palette (0/8)
Click Add to add the current color to your palette.
Contrast Check
Sample text
The quick brown fox jumps over the lazy dog
Embed this tool on your website
Copy this code to add the Піпетка кольору to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.
<iframe src="https://optipix.art/embed/color-picker" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="Піпетка кольору by OptiPix" loading="lazy"></iframe> <p style="font-size:12px">Free tool by <a href="https://optipix.art/color-picker">OptiPix Піпетка кольору</a></p>
❤️ Love this tool? Support our team.
No ads, no tracking, no limits. Tips keep 104 tools free for everyone.
Secure payment via Stripe · No account needed
About Піпетка кольору
Last updated: May 2026
OptiPix Color Picker дозволяє отримати будь-який колір з вашого екрану за допомогою нативного API EyeDropper у браузерах Chromium або вибрати кольори з будь-якого завантаженого зображення з точністю до пікселя. Кожен вибраний колір відображається у форматах HEX, RGB, HSL, HSV, CMYK, найближчому іменованому кольору CSS та найближчому зразку Pantone Solid Coated. Кожен формат має власну кнопку копіювання в один клік. Точно налаштуйте будь-який колір за допомогою вбудованих повзунків HSL та RGB. Смуга історії запам'ятовує ваші останні 30 виборів між сеансами браузера. Створіть палітру до 8 кольорів та експортуйте її як користувацькі властивості CSS, JSON або завантажувану смужку PNG. Інтегрована перевірка контрасту WCAG показує значки проходження/непроходження AA/AAA для будь-якої пари кольорів. Все працює локально - пікселі вашого екрану та завантажені зображення ніколи не залишають ваш пристрій. Ідеально підходить для дизайнерів, які вибирають кольори бренду, розробників, які отримують зразки з скріншотів, аудиторів доступності, які перевіряють контраст, і всіх, хто втомився перемикатися між нативними піпетками та конвертерами кольорів.
How It Works
Вибір кольору з екрану викликає нативний API EyeDropper браузера для однопіксельного вибірки. Вибір кольору із зображення вибирає один піксель з 2D-полотно через getImageData. Перетворення форматів - це чиста математика - RGB↔HSL↔HSV↔CMYK - а зіставлення імен/Pantone обчислює квадрат евклідової відстані проти списку посилань.
Use Cases
- •Отримати колір зі скріншоту для вашої дизайн-системи
- •Перетворити будь-який HEX, знайдений онлайн, на RGB, HSL або Pantone
- •Створити палітру бренду із зображення мудборду
- •Перевірити контраст WCAG двох кольорів перед запуском
- •Визначити іменований колір CSS за шістнадцятковим кодом
You Might Also Like
If you find Піпетка кольору useful, check out these related tools: Color Palette Extractor, Color Changer, and Photo Filters. All tools run entirely in your browser with no uploads or signups required.
Explore more: Browse all tools · Step-by-step guides · Tips & tutorials · Compare tools
Frequently Asked Questions
Чи працює піпетка для екрану в кожному браузері?
Чи точні кольори Pantone?
Чи надсилаються дані пікселів мого екрану кудись?
Чи можу я експортувати палітру?
Як перевірити контраст WCAG?
Related Tools
Витягувач колірних палітр
Витягуйте домінуючі колірні палітри з будь-якого зображення.
Змінювач кольору
Замінюйте будь-який колір на зображенні, перефарбовуйте об'єкти або застосовуйте ефекти розбризкування кольору.
Фільтри для фото
Застосовуйте красиві фільтри та налаштування до ваших фотографій.
CSS Gradient Generator
Create linear, radial, and conic CSS gradients with a visual editor and presets gallery.