Дневник проекта
Zero-Friction UX
Мы ценим ваши микросекунды. Внедрили алгоритм авто-копирования цвета. Теперь клик по холсту не просто фиксирует цвет, а мгновенно отправляет код цвета в буфер обмена системы. Меньше лишних движений.
Сниппеты для гиков
Добавили готовые примеры кода (CSS, Swift, Kotlin) на главную страницу инструмента. Теперь верстальщики и мобильные разработчики могут копировать готовые конструкции для быстрой вставки извлеченных цветов прямо в IDE.
Проверка на доступность
Запустили инструмент проверки контрастности WCAG 2.1. Теперь у вас есть официальный аргумент для заказчика, почему светло-желтый текст на белом фоне — это преступление против человечества. Оцениваем уровни AA и AAA в реальном времени.
Интерактивный спектр HSL
Добавили интерактивную карту цветов. Идеально для тех моментов, когда конкретного фото-референса нет, а вдохновение для дизайн-системы нужно найти вручную, двигаясь по 16 миллионам оттенков.
Мудборды и квантование
Научили систему продвинутым алгоритмам анализа изображений. Теперь можно сгенерировать палитру по фото за секунду и получить 14 доминирующих оттенков с экспортом в красивый PNG-файл для презентаций.
CMYK в студию
Наш конвертер цветов обновился и научился понимать полиграфические форматы. Пересчет координат между HEX, RGB, HSL и CMYK теперь происходит на лету.
Большой переезд и «Дзен-стиль»
Историческая веха. Мы переехали со старого домена на pipetka-online.ru и полностью переписали движок.
Мы избавились от "стерильного больничного" дизайна в пользу теплой, тактильной палитры графита и плотной бумаги. Вся логика переписана на чистом нативном JavaScript и PHP. Никаких тяжелых фреймворков и бесконечных node_modules на сервере. Только скорость.
- 7-кратная лупа: Мы отключили системное сглаживание (anti-aliasing) браузеров. Теперь, чтобы определить цвет пикселя, пипетка видит сырые, жесткие данные такими, какие они есть на самом деле. Хирургическая точность.
- Silo-архитектура: Запущены подробные энциклопедические разделы про HEX и RGB, чтобы новички могли понять математику цвета.
Как всё начиналось
Проект родился из боли. Нам просто надоело каждый раз открывать тяжелый Photoshop только ради того, чтобы узнать HEX-код одного пикселя со скриншота.
Первая версия на домене pipetka.online была собрана буквально «на коленке». Она была простой, немного угловатой, но делала ровно то, что от неё требовалось. Мы сделали её для себя, но оказалось, что такой инструмент каждый день ищут тысячи людей.
Спасибо всем, кто пользовался первой версией и присылал свои отзывы. Вы вдохновили нас на создание того, что вы видите сейчас.