Безопасные HTML-цвета
B
Подбор именно безопасного HTML-цвета для сайта сейчас уже не так важен. Но совсем недавно, хороший веб-дизайнер был просто обязан учитывать, чтобы все цвета на его сайте укладывались в стандартную палитру.
В данный момент существует много сервисов для выбора гармонирующих цветов, а раньше, когда Интернет был не так доступен, модули подбора цвета встраивались даже в HTML-редакторы для большего удобства.
В то время начинающие веб-программисты создавали для себя специальные офлайн-программки для правильного подбора безопасных цветов. Одна из таких самоделок и представлена чуть ниже.
АРЕ Цветик 6.3
Рейтинг: | |
Размер: | |
Интерфейс: | Русский |
Платформа: | |
Обновлено: | 2011-05-13 |
Разработчик: | |
Платный аналог: |
Программа подбора безопасного HTML-цвета для оформления веб-страниц. Не требует установки, регистрации, да и вообще ничего не требует, только отдаёт чистый цвет :).
С её помощью можно легко подобрать цвет для Вашего сайта манипулируя ползунками или палитрой. Также можно задать его шестнадцатеричным числом, десятичным или даже просто соответствующим словом (например "rosybrown" — розово-коричневый).
Кроме этого, программа позволяет захватить цвет любого элемента на экране.
Сравнение с платным аналогом
Программа | APE Цветик 6.3 | Altarsoft Web Tools |
---|---|---|
Стоимость | бесплатно | 295 руб. |
Поддержка русского языка | + | + |
Подбор безопасного HTML-цвета для веб-сайтов | + | + |
Извлечение ссылок из файлов и веб-страниц | - | + |
Установка АРЕ Цветик
Итак, начнем по порядку. После скачивания архива распаковываем его в удобное место на диске. Запускаем программу (установка не требуется). Перед нами появится её главное окно.
Работа с программой подбора безопасных HTML-цветов
Окно программы состоит из двух отдельных частей частей: окна подбора цвета и цветного прямоугольника, показывающего результат. Обе эти части можно независимо перемещать по экрану.
Это удобно, если к примеру, нужно сравнить фон на сайте с подбираемым цветом. Просто перенесите прямоугольник с текстом к той части сайта, с которой хотите сравнить новый цвет.
Окно подбора состоит из нескольких функциональных блоков.
Первый из них — "Вид отображения цветовой гаммы".
Этот блок позволяет выбрать удобный формат подобора, в частности, доступны варианты: "Web", "HTML", "Цвет" или "Палитра". Здесь:
- "Web" — безопасные HTML-цвета;
- "HTML" — выбор цветов по английскому названию;
- "Цвет" — выбор по русскому названию;
- "Палитра" — свободный выбор из всех существующих цветов.
Если ткнуть мышкой в любой цвет, в нижней части этого блока, появится его название и код в десятичной и шестнадцатеричной системах.
Следующий блок — "Подстройка". Здесь можно более точно выбрать цвет с помощью отдельных ползунков, настраивающих красный, зеленый и синий, а также, общую яркость будущего цвета.
Под этим блоком расположен переключатель "Текст"—"Фон", от которого зависит, для чего именно будет выбираться цвет.
И осталось описать лишь небольшое меню в нижней части окна программы.
Кнопка "Шрифт" позволяет выбрать один из шрифтов, установленных на компьютере, чтобы посмотреть, как будет выглядеть надпись определённым шрифтом на заданном фоне. С помощью функций "Начертание", "Размер" и "Видоизменение" можно полностью подстроить выбранный шрифт.
Кнопка "Помощь" открывает приветствие от автора программы и короткий рассказ о том, что сподвигло его к её созданию.
Пиксель — минимально возможная точка на экране.Кнопка "Захват" позволяет "скоммуниздить" цвет из любой точки экрана. Здесь есть некоторое неудобство в том, что придётся "целится" в нужный пиксель.
Вот собственно и всё. Используя эти инструменты Вы можете легко подобрать любой нужный цвет и использовать его в Вашей работе.
Достоинства и недостатки программы
Плюсы:
- не требует установки;
- позволяет поместить цветной блок рядом с любым элементом на экране;
- очень простота в использовании.
Минусы:
- очень узкоспециализированная;
- трудно прицеливаться для захвата цвета с экрана (нет увеличения).
Выводы
Программа проста, но в то же время, удовлетворяет почти всем требованиям к программам для подбора безопасного HTML-цвета, кроме указанного выше недостатка с увеличением.
P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Богданова.
P.P.S. Неплохой подбор цвета можно сделать с помощью вот такого редактора фотографий:
Paint.NET https://www.bestfree.ru/soft/graph/paint.php.
Похожие программы:
** Задавать вопросы лучше на нашем форуме. Просто зарегистрируйтесь и создайте новую тему.