Пипетка цвета
Загрузите изображение, чтобы автоматически извлечь его доминирующую палитру, кликните по любому пикселю пипеткой для точных значений и скопируйте HEX/RGB/HSL одним касанием — заимствовать цветовую схему у великой работы никогда не было так прямо.
Нажмите для выбора или перетащите изображения сюда
Можно также вставить скриншоты
Палитра доминирующих цветов + пипетка по пикселям. Локальный анализ, без загрузок
Великие цветовые схемы редко изобретаются из ниоткуда — они заимствуются из реального мира: тёплый оранжевый градиент фото заката, сталкивающиеся цвета плаката, палитра интерфейса хорошо сделанного продукта. Увидьте хорошую комбинацию, сделайте скриншот, бросьте его — палитра разложит эту цветовую структуру мгновенно.
С доминирующими цветами в руках HSL — самый удобный формат для их расширения: зафиксируйте оттенок и насыщенность, поднимите яркость для состояния hover, опустите для активного. Или зафиксируйте яркость и сдвиньте оттенок, чтобы создать подходящий вторичный цвет. Гораздо более контролируемо, чем слепая микронастройка HEX.
Фронтенд-разработчики могут вставлять значения прямо в CSS-переменные или конфигурацию Tailwind. При отборе официальных фирменных цветов из фирменных материалов проверяйте пипеткой, кликая по нескольким местам — печатные сканы часто несут лёгкие цветовые сдвиги, а самый чистый пиксель живёт в центре однотонной области.