Подбор цвета — RGB и HSV

06.12.22

Разработка - Инструментарий разработчика

Для тех, кому не хватает возможностей стандартного ДиалогВыбораЦвета, предлагаю инструмент для подбора цвета. Используются цветовые модели RGB и HSV. Цвет RGB представлен как в формате 1С, так и шестнадцатеричном web-формате. Есть возможность выбирать Web-цвета и цвета стилей. В отличие от многочисленных аналогов, в процессе подбора можно сразу видеть, как будет выглядеть цвет в элементах формы и в табличном документе. Не используются внешние компоненты и JavaScript.

Скачать исходный код

Наименование Файл Версия Размер
Подбор цвета — RGB и HSV.:
.epf 20,57Kb
11
.epf 20,57Kb 11 Скачать

Для начала пара слов о цветовых моделях RGB и HSV. Цветовая модель — способ описания цвета набором чисел. Для RGB это всем привычные Красный, Зеленый, Синий — спектральные цвета, на которые раскладывается белый свет (цвет). HSV это Hue — тон, оттенок (красный, желтый, зеленый и т.п.), Saturation — насыщенность (мера "чистоты цвета", насколько он далек от серого) и Value — значение, яркость (насколько цвет ярче/тусклее). HSV не надо путать с HSL, в последнем L — Lightness — светлота (светлый/темный). RGB удобен, когда нам надо получить заданный цвет из компонент - источников света, поэтому ЭЛТ и ЖК экраны, телевизионный и видео сигнал использует именно эту модель. Но RGB плохо подходит для художников и дизайнеров, им часто требуется "сделать цвет поярче", "подобрать цвета градиента", "выбрать дополнительные цвета" и т.п. Для них HSV гораздо удобнее.

Предлагаемая обработка позволяет подобрать цвет несколькими способами:

1) Ввод компонентов цвета. Вводить можно любой компонент обоих цветовых моделей. При вводе значения компонента одной модели происходит автоматический пересчет компонентов другой.

 

 

2) Ввод цвет строкой RGB — в формате 1С или web-формате (шестнадцатеричном).

 

 Разумеется, эти значения автоматически пересчитываются, и могут быть скопированы в код модуля. 

 

3) Выбор цвета по шкале - R, G, B или H, SV

 

 

На шкале каждого компонента (кроме H-оттенка) мы видим цвета, которые получатся при изменении этого компонента и неизменных других. Т.е. на указанном примере в шкале R мы видим цвета от (0, 203, 219) до (255, 203 219).

И, наконец, 4) Выбор одного из стандартных цветов - WebЦвет, цвет стиля, цвет элемента стиля, заданного в конфигурации. Выбор производится двойным кликом на нужный цвет в списке.

 

 

Для преобразования такого цвета в абсолютный, т.е. RGB, использовался рецепт из комментария к статье Универсальные функции для работы с цветом в 1С. К сожалению этот подход не работает со значениями WindowsЦвета, но к счастью это требуется крайне редко.

Как будет выглядеть выбранный цвет, можно сразу увидеть в области примера:

 

 

Можно подбирать цвета фона, текста и рамки.

Для упрощения и ускорения работы, неиспользуемые панели отключаются:

 

 

В минимальном варианте форма выглядит так:

 

 

В максимальном вот так:

 

 

Пример использования:

&НаКлиенте
Процедура Подобрать(Команда)   
	ДопПараметры = Новый Структура("ИмяРеквизита","Цвет");
	Оповещение = Новый ОписаниеОповещения("Оповещение", ЭтотОбъект, ДопПараметры);
	ПараметрыФормы = Новый Структура();
	ПараметрыФормы.Вставить("Цвет", Цвет);
	ОткрытьФорму(ИмяФормыПодбораЦвета, ПараметрыФормы, ЭтотОбъект,,,,Оповещение);
КонецПроцедуры

&НаКлиенте
Процедура Оповещение(Результат, ДопПараметры)Экспорт
	Если ТипЗнч(Результат) = Тип("Структура")	Тогда
		ЭтотОбъект[ДопПараметры.ИмяРеквизита] = Результат.Цвет;
	КонецЕсли;
КонецПроцедуры 

При открытии формы можно указать параметр Цвет. Допустимо указывать либо значение типа Цвет, либо строку - в 1С- или web-формате, либо число. После выбора цвета возвращается Структура("Цвет, ЦветСтрока16, ЦветСтрока").

В следующих версиях планируется добавить:

  • историю выбора
  • выбор нескольких цветов
  • определение дополнительных цветов, триад и тетрад, градиента
  • использование типовых палитр

Обработка тестировалась на платформе 1С:Предприятие 8.3 (8.3.21.1393) в тонком клиенте.

На этом всё. Как всегда, приветствуются замечания / дополнения / комментарии.

 
   Некоторые из прочих моих публикаций 


  

Цвет подбор выбор цвета RGB HSV цветовая модель цветовое пространство WebЦвета ЦветаСтиля

См. также

Infostart Toolkit: Инструменты разработчика 1С 8.3 на управляемых формах

Инструментарий разработчика Роли и права Запросы СКД Платформа 1С v8.3 Управляемые формы Запросы Система компоновки данных Конфигурации 1cv8 Платные (руб)

Набор инструментов программиста и специалиста 1С для всех конфигураций на управляемых формах. В состав входят инструменты: Консоль запросов, Консоль СКД, Консоль кода, Редактор объекта, Анализ прав доступа, Метаданные, Поиск ссылок, Сравнение объектов, Все функции, Подписки на события и др. Редактор запросов и кода с раскраской и контекстной подсказкой. Доработанный конструктор запросов тонкого клиента. Продукт хорошо оптимизирован и обладает самым широким функционалом среди всех инструментов, представленных на рынке.

10000 руб.

02.09.2020    127038    689    389    

738

Infostart PrintWizard - создание и редактирование печатных форм в 1С 8.3

Пакетная печать Печатные формы Инструментарий разработчика Платформа 1С v8.3 Запросы 1С:Зарплата и кадры бюджетного учреждения 1С:Конвертация данных 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 Платные (руб)

Инструмент, позволяющий абсолютно по-новому взглянуть на процесс разработки печатных форм. Благодаря конструктору можно значительно снизить затраты времени на разработку печатных форм, повысить качество и "прозрачность" разработки, а также навести порядок в многообразии корпоративных печатных форм.

18000 руб.

06.10.2023    8412    25    6    

46

Infostart УДиФ: Управление данными и формами 1С

Инструменты администратора БД Инструментарий разработчика Роли и права Платформа 1С v8.3 Конфигурации 1cv8 Россия Платные (руб)

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

10000 руб.

10.11.2023    4738    12    2    

38

SALE! %

PowerTools

Инструментарий разработчика Инструменты администратора БД Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Россия Платные (руб)

Универсальный инструмент программиста для администрирования конфигураций. Сборник наиболее часто используемых обработок под единым интерфейсом.

3600 2280 руб.

14.01.2013    178937    1085    0    

862

Бустер Конвертации данных 3 (Infostart Toolkit)

Инструментарий разработчика 8.3.14 1С:Конвертация данных Россия Платные (руб)

Расширение для конфигурации “Конвертация данных 3”. Добавляет подсветку синтаксиса, детальную контекстную подсказку, глобальный поиск по коду.

15000 руб.

07.10.2021    15117    3    12    

38

Богатый редактор картинок, хранимых в базе, с возможностью РИСОВАНИЯ. Редактор внешних файлов картинок. Объект, расширяющий возможности работы с картинками из встроенного языка (Три в одном) + Обработка «Стандартизация картинок»

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Обработка предназначена для редактирования картинок в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Также обработка может быть использована из встроенного языка как объект для редактирования картинок. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Данная обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    62085    43    59    

81

Многопоточность. Универсальный «Менеджер потоков» 2.1

Инструментарий разработчика Платформа 1С v8.3 Конфигурации 1cv8 Россия Платные (руб)

Восстановление партий или взаиморасчетов, расчет зарплаты, пакетное формирование документов или отчетов - теперь все это стало доступнее. * Есть желание повысить скорость работы медленных алгоритмов! Но... * Нет времени думать о реализации многопоточности? * о запуске и остановке потоков? * о поддержании потоков в рабочем состоянии? * о передаче данных в потоки и как получить ответ из потока? * об организации последовательности? Тогда ЭТО - то что надо!!!

5000 руб.

07.02.2018    99886    239    97    

298

[Расширения] Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Механизм «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

5000 руб.

14.01.2016    54678    16    21    

42
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. cleaner_it 220 08.12.22 12:30 Сейчас в теме
Полезная штука, год назад точно нужна была, да и в будущем может пригодиться
2. Alxby 1147 08.12.22 12:31 Сейчас в теме
(1)Ага. После пятого раза когда она "нужна была", наконец дошли руки до реализации)
3. SlavaKron 08.12.22 20:28 Сейчас в теме
Примерно такую же форму у себя сделал и тоже на ТабДоке. В идеале бы это нарисовать в поле HTML, так как табдок тяжеловат для такого количества ячеек.
У меня еще пользователи попросили сохраняемую палитру недавно использованных цветов. Думаю, в вашей форме тоже было бы не лишним.
4. Alxby 1147 08.12.22 20:34 Сейчас в теме
(3)HTML - гораздо лучший вариант, если сделаете - обязательно поделитесь. ТабДок не только тяжелый, он еще и медленный, поэтому пришлось ограничить количество ячеек. Я думаю, у меня соблюден баланс между точностью шкалы и скоростью перерисовки, но хотелось бы увеличить и то, и другое. Сохранение истории (а может, и избранного) будет реализовано в следующей версии.
5. SlavaKron 08.12.22 20:45 Сейчас в теме
(4) К сожалению, не силён в js. Для начала не плохо бы просто научиться генерировать растровое изображение, но знаний пока не хватает.
Оставьте свое сообщение