Программа ”Colors Builder”
Программа Color Builder v1.0 предназначена для создания гармоничных цветовых схем для веб-сайта и формирования наборов палитр для веб-дизайна.
Включены возможности выбора основного цвета из палитры цветов, используя Windows диалог, из гаммы сгенерированных программой цветов и "ручной" ввод шестнадцатеричных HTML кодов цвета.
Программа позволяет визуально подбирать цветовые гаммы к выбранному - основному цвету с плавным переходом от одного цвета к другому и определять их шестиразрядные шестнадцатеричные коды.
В программе предусмотрена возможность сохранения полученных цветовых схем в виде: HTML файла и просмотр его в браузере; TXT файла и просмотр его в текстовом редакторе; копирование кодов цветов в буфер обмена.
Программа будет полезна Web-дизайнероам и программистам. Имеет интуитивно-понятный русский и английский интерфейс, без установки.
Код цвета можно указывать как шестиразрядное шестнадцатеричное число, с помощью которого задается соотношение красной, зеленой и синей составляющих цвета (RGB) и интенсивность каждой из них. Первые две цифры соответствуют красной составляющей, следующие две - зеленой, последние две - синей.
Значение 00 означает, что составляющая полностью исключена, а значение FF(255) - что полностью присутствует. Таким образом, код ярко-красного цвета - FF0000, ярко-зеленого - 00FF00, ярко-синего - 0000FF. Остальные основные цвета образованы смешением двух составляющих, например FFFF00 - желтый, FF00FF - малиновый, 00FFF - бирюзовый. Коды белого FFFFFF и черного 000000 цветов тоже легко вычислить.
В программу включены возможности выбора базового (основного) цвета:
1) Из палитры цветов, используя стандартный диалог Windows, нажимая кнопку "Выбор цвета". Цвет будет показан в окошке выбранного цвета и его шестнадцатеричный код будет показан в расположенном ниже поле.
2) Из гаммы сгенерированных цветов в программе, нажимая кнопку "вертикальной" группы.
В этом случае в качестве базового цвета принимается один из 20-ти цветов, и он показывается в окошке выбранного цвета:
Его шестнадцатеричный код показывается в расположенном ниже поле, и уже от его значения пересчитываются 20 следующих цветов.
А также он показывается в окошке, расположенном по центру цветовой схемы:
3) "Ручной" ввод шестнадцатеричных значений HTML кодов цвета в виде, например: FFAA24 или 568349.
Выбранный цвет будет показан в окошке:
Код выбранного цвета можно скопировать в буфер обмена, нажимая кнопку "Копировать в буфер" или стать мышкой на поле с кодом и нажать правую кнопку мышки - открывается меню (вырезать, вставить, копировать и др.), с помощью которого можно выполнить операцию копирования.
Генерация наборов цветов от основного цвета
Генерация цветовых схем (наборов цветов) от выбранного основного (базового) цвета производится путем изменения положения указателя Трэк-бар, выбором положения переключателя "Выбор алгоритма изменения цвета", нажимая кнопки "вертикального" ряда. Рассмотрим их действие подробнее:
1) Трэк-бар: изменяя положение указателя влево или вправо, управляем генерацией оттенков.
Крайнее левое положение соответствует значению 0, крайнее правое положение - 50.
2) Выбором положения Переключателя: "Выбор алгоритма изменения цвета" изменяем способ (алгоритм) формирования оттенков
Положения переключателей:
"красный"
"зеленый"
"синий"
"красный + зеленый"
"зеленый + синий"
"красный + синий"
"красный + зеленый + синий"
"красный" - в этом случае устанавливаем изменение только красной составляющей цвета (R из RGB), синяя и зеленая остаются неизменными. Красная составляющая цвета вычисляется по формуле для двадцати оттенков от базового цвета (он в середине):
red1 = z + d*10
red2 = z + d*9
red3 = z + d*8
red4 = z + d*7
red5 = z + d*6
red6 = z + d*5
red7 = z + d*4
red8 = z + d*3
red9 = z + d*2
red10 = z + d
Базовый (основной) цвет --- red11 = z
red12 = z - d
red13 = z - d*2
red14 = z - d*3
red15 = z - d*4
red16 = z - d*5
red17 = z - d*6
red18 = z - d*7
red19 = z - d*8
red20 = z - d*9
red21 = z - d*10
где
- z; - базовый цвет (R из RGB)
- red1....red21 (кроме Red11) - производные составляющие красного цвета для 20-ти оттенков основного цвета
- d - величина, полученная значением положения указателя Трэк-бар (от 0 до 50). Таким образом, получаем 20 оттенков от базового цвета.
"синий" - в этом случае устанавливаем режим изменения синей составляющей цвета, красная и зеленая остаются неизменными. Синяя составляющая также меняется по вышеописанной формуле.
"зеленый" - в этом случае устанавливаем режим изменения зеленой составляющей цвета, красная и синяя остаются неизменными. Зеленая составляющая также меняется по вышеописанной формуле.
"красный + зеленый" - в этом случае устанавливаем режим изменения красной и зеленой составляющей цвета, синяя остаются неизменной. Красная и зеленая составляющая также меняются по вышеописанной формуле.
Аналогично реализуются функции других переключателей
"синий + зеленый"
"красный + синий"
"красный + зеленый + синий"
Сохранение цветовых схем
В программе предусмотрена возможность сохранения готовых цветовых схем в виде:
1) TXT файла с просмотром их в текстовом редакторе - Блокноте. ( если в Windows определены настройки: файлы с расширением TXT открывать в Блокноте)
2) HTML файла с просмотром его в браузере, используемом по умолчанию.
Реализована функция копирование одиночных кодов цветов в буфер обмена ( в виде: "#FF00AA" )
Для того чтобы открыть файлы цветовых схем, необходимо воспользоваться пунктами меню: "Файл" --- "Открыть TXT" или --- "Открыть HTML"
