Библиотека для работы с цветами в изображении.
JavaScript + Canvas
- Определение основных цветов изображения
- Определение цветов, наиболее близким к заданным
- Определение человекопонятных наименований (н., насыщенный оранжевый)
Восстановлено из backup TODO: восстановить тестовый пример
var calc = new ColorsCalculator ({
// Различие цветов ( 20..150 )
colorStep: 50,
// Кол-во выводимых цветов (20..150)
maxColorGrousCount: 20,
// Показывать с значением (maxCountAtGroup / count) более, %
minColorsCountAtGroupPersent: 3,
// Основными считать с разницей между компонентами более (10..255)
maxPimaryColorDifference: 50,
// Считать черным цвета с уровнем менее, %
blackLevelPersent: 0.5,
// Считать серым цвета с уровнем менее, %
grayLevelPersent: 10,
// Список заданных цветов
// Будут найдены наиболее похожие на присутствующие в изображении
etalonColors: [
{ en: "aqua", color: [0.501, 1, 1], ru: "морской волны"},
{ en: "azure", color: [0.501, 0.061, 1], ru: "лазурный"}
],
// Наименование цветов по уровням
// Используется для вывода человекопонятных цветов
levels: {
hue: ['красный', 'оранжевый', 'желтый', 'салатовый', 'зеленый', 'бирюзовый', 'голубой', 'синий', 'сиреневый', 'фиолетовый', 'малиновый'],
saturation: ['бледный', 'бледный', '', 'насыщенный'],
value: ['темный', 'темный', '', 'светлый/яркий'],
black: 'черный',
white: 'белый',
gray: 'серый'
},
// Путь к изображению
url: 'local/image/path.jpg'
});