Пипетка

Как использовать

Загрузите изображение в область загрузки. Изображение отображается на интерактивном холсте — наведите курсор, чтобы увидеть координаты, нажмите в любом месте, чтобы взять пробу. Выбранный цвет появляется в виде образца рядом с кодами HEX, RGB и HSL. Нажмите на любое значение, чтобы скопировать его в буфер обмена.

Каждый взятый цвет сохраняется в ленте истории снизу (до 12 последних), так что вы можете собрать палитру из нескольких точек по всему изображению, не теряя предыдущие выборки.

• Попиксельное определение цвета по клику
• Одновременное отображение HEX, RGB и HSL
• Копирование любого значения одним кликом
• История до 12 последних взятых цветов

Практическое применение

При переводе макета Figma в CSS пробуйте доминирующие оттенки прямо с макета, а не подбирайте на глаз. Это устраняет ощущение «почти, но не совсем», которое возникает при ручном вводе цветов.

Для фотографов, выстраивающих цветовую гамму в соцсетях: возьмите пять оттенков из лучшего фото и используйте их как акцентные цвета в тексте, рамках и фонах будущих постов для создания целостного визуального стиля.