Получить код цвета

Если вы увидели где-то цвет и хотите узнать его код и название, эти ресурсы для вас.

1. SpyColor

SpyColor предоставит информацию о любом цвете, включая Hex, RGB, CMYK и другие коды, и покажет целый диапазон схем для каждого оттенка, в том числе комплементарные, сплит-комплементарные, триадные, контрастные и аналоговые.

2. HTML Color Codes

HTML Color Codes находит HEX-код для цветов на изображении. Вы выбираете картинку, открываете ее для просмотра и получаете код цвета, наведя на него курсор.

Протестировать свою палитру

Создав цветовую схему, хочется удостовериться в ее эффективности.

Check my Colours

Check my Colours проверяет основные и фоновые цвета на соответствие требованиям контрастности для тех, чье цветовое восприятие имеет отклонения от нормы. Если вы хотите убедиться, что ваш сайт подходит для людей с дальтонизмом или получить работающие и интуитивно понятные цветовые сочетания с точки зрения UX, этот ресурс незаменим. Достаточно ввести адрес сайта, чтобы ознакомиться с отчетом по его внешнему виду.

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

Подбор изображений

Итак, цветовая палитра внедрена и отлично работает, осталось подобрать изображения, которые будут с ней сочетаться.

1. TinEye

TinEye известен как альтернатива поиску изображений Google. Он поможет найти нужную цветовую комбинацию, используя базу в более 10 000 000 изображений с Flickr. Если вы ищете картинку, соотвующую вашей палитре, это отличный легкий способ ее найти.

2. Designspiration

Здесь можно выбрать до 5 оттенков из огромной палитры и получить изображения, которые имеют похожую цветовую комбинацию и сопровождаются HEX-кодами. Картинки можно сохранить на сайте или скачать.

Заключение

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

Высоких вам конверсий!

По материалам: crazyegg.com.

01-06-2017

Капля Цветовая Палитра с Фото

Версия 1.6.2

— Explore amazing palettes created by other users
— Share your palettes with other color enthusiasts
— Color Names list
— Create Palettes from color codes

Разработчик Nikola Bozinovic указал, что в соответствии с политикой конфиденциальности приложения данные могут обрабатываться так, как описано ниже. Подробные сведения доступны в политике конфиденциальности разработчика.

Данные, используе­мые для отслежи­вания информации

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

• Геопозиция
• Идентифика­торы
• Данные об использова­нии

Связанные с пользова­телем данные

Может вестись сбор следующих данных, которые связаны с личностью пользователя.

• Контактные данные
• Идентифика­торы
• Данные об использова­нии
• Диагностика

Не связанные с пользова­телем данные

Может вестись сбор следующих данных, которые не связаны с личностью пользователя.

• Геопозиция
• Пользова­тель­ский контент
• Идентифика­торы

Конфиденциальные данные могут использоваться по-разному в зависимости от вашего возраста, используемых возможностей или других факторов. Подробнее

Поддерживается

• Семейный доступ

  С помощью семейного доступа приложением смогут пользоваться до шести участников «Семьи».

Палитры AnyLogic

Системная динамика

Накопитель

Поток

Динамическая переменная

Связь

Параметр

Табличная функция

Цикл

Копия

Размерность

Агент

Агент

Параметр

Событие

Динамическое событие

Переменная

Коллекция

Функция

Табличная функция

Расписание

Порт

Соединитель

Связь с агентами

Секция Диаграмма состояний содержит элементы диаграммы состояний:

Начало диаграммы состояний

Состояние

Переход

Указатель начального состояния

Ветвление

Историческое состояние

Конечное состояние

Презентация

Линия

Ломаная

Кривая

Прямоугольник

Скругленный прямоугольник

Овал

Дуга

Другие элементы:

Текст

Изображение

Холст

Группа

Область просмотра

Чертеж САПР

Секция 3D палитры Презентация содержит набор элементов (3D Окно, Свет и др. ), требуемых для создания 3D анимации:

3D окно

3D Объект

Камера

Свет

Разметка пространства

Палитра Разметка пространства содержит элементы, с помощью которых вы можете задать, например, местоположение агентов в пространстве:

Основные элементы разметки пространства

Путь

Прямоугольный узел

Многоугольный узел

Точечный узел

Аттрактор

Стеллаж

ГИС

ГИС Карта

ГИС Точка

ГИС Маршрут

ГИС Регион

Производственные системы

Конвейер

Ветвление конвейера

Точка конвейера

Трансфер

Поворотный стол

Платформа вращения

Станция обработки

Рабочий участок

Стреловой кран

Мостовой кран

Лифт

Сетевой порт

Гейт между уровнями

Карта плотности

Пешеходы

Стена

Прямоугольная стена

Округлая стена

Целевая линия

Сервис с очередями

Сервис с областью

Группа эскалаторов

Направление пеш. потока

Статистика потока

Карта плотности

Железные дороги

Ж/д путь

Точка ж/д пути

Дороги

Дорога

Перекресток

Стоп-линия

Автобусная остановка

Парковка

Жидкость и газы

Резервуар

Труба

Конвейер для сыпучих материалов

Статистика

Палитра Статистика содержит элементы, используемые для сбора, анализа и отображения результатов моделирования:

Объекты сбора и статистического анализа данных

Набор данных

Статистика

Данные гистограммы

Данные двумерной гистограммы

Выходное значение

Простые диаграммы

Столбиковая диаграмма

Диаграмма с накоплением

Круговая диаграмма

Диаграммы с историей

График

Временной график

Временная диаграмма с накоплением

Диаграмма Гантта

Гистограммы

Гистограмма

Двумерная гистограмма

Элементы управления

Кнопка

Флажок

Текстовое поле

Переключатель

Бегунок

Выпадающий список

Следующие элементы управления доступны только в редакциях AnyLogic Professional и AnyLogic University Researcher.

Список

Элемент выбора файла

Индикатор прогресса

Диаграмма состояний

Начало диаграммы состояний

Состояние

Переход

Указатель начального состояния

Ветвление

Историческое состояние

Конечное состояние

Внешние данные

Палитра Внешние данные содержит инструменты для работы с внешними данными — базами данных и текстовыми файлами:

Файл Excel

Текстовый файл

База данных

Запрос (Query)

Ключ-Значение

Вставка (Insert)

Обновление (Update)

Картинки

AnyLogic содержит набор картинок наиболее часто моделируемых объектов: человек, медсестра, врач, грузовик, фура, погрузчик, склад, завод и т. д. Наличие таких картинок избавит вас от необходимости самостоятельно рисовать эти объекты каждый раз, когда вы захотите, чтобы они отображались на анимации вашей модели. Теперь вы можете просто добавить на презентацию стандартную картинку и продолжить разработку вашей модели, не тратя свое время на рисование.

Вы можете посмотреть на список картинок, открыв палитру Картинки.

1. Перетащите нужную вам картинку из палитры Картинки в то место графического редактора, куда вы хотите ее поместить.

Следует отметить одну немаловажную особенность этих базовых картинок. Они представляют собой не растровые изображения, а группы, состоящие из обычных фигур презентации AnyLogic. Это сделано для того, чтобы при необходимости вы могли самостоятельно изменить любую из фигур, с помощью которых была нарисована эта картинка, если она по каким-то параметрам (размер, цвет и т. д.) не будет удовлетворять вашим представлениям о ней или требованиям к ней. Это можно сделать так же, как вы делаете это с любым элементом группы фигур (подробнее см. здесь).

3D объекты

Палитра 3D Объекты содержит набор готовых к добавлению в модель трехмерных объектов: врач, здание, грузовик, фура, погрузчик, поддон и т. д. Все 3D модели сгруппированы по категориям (люди, здания, автодорожный транспорт, медицина, производство и т.д.).

Чтобы добавить на презентацию трехмерный объект

1. Перетащите нужную фигуру из палитры 3D Объекты на графическую диаграмму агента.

обзор 4 лучших приложений для смартфона

Мы протестировали четыре приложения для Android, которые помогут вам составить цветовую схему интерьера на основе реальных фотографий.

Палитра цвета в интерьере

Выбрать идеальное цветовое сочетание — сложное дело. Даже профессиональным колористам это дается нелегко, и поэтому они часто советуют: если нет идей и ничего не получается, обратитесь за вдохновением к природе и окружающему миру! 

Этому совету можно последовать, разрабатывая цветовую схему для своего будущего интерьера (если вы решились делать это сами). Просто берите любые изображения, анализируйте их и составляйте на их основе палитры, которые можно использовать как во время ремонта, так и позже, для выбора аксессуаров. А помогут в составлении схем специальные приложения. 

SHÄDZ 

Новое приложение от создателя довольно известного SwatchMatch. Очень простое: вам не нужно даже заранее делать снимок, вы просто наводите камеру телефона на любой объект, и приложение в зависимости от настроек либо определяет один цвет, либо составляет палитру на основе изображения. Палитру можно редактировать, добавляя или убирая отдельные цвета, а также сохранять или делиться ею. Наша любимая фишка — «совет от гения»: если вы с помощью приложения выбираете отдельный цвет, оно предлагает несколько палитр, созданных на основе картин великих мастеров, где интересующий вас цвет доминирует. 

Особенность: «дополненная реальность». 

Приложение умеет создавать палитру на основе фотографии из вашего фотоальбома или снимка, который можно сделать прямо в приложении. К сожалению, бесплатная версия не блещет функциональностью: создает только один вариант палитры, который, впрочем, удобно редактировать. Цвета обозначаются в системе RGB, фото с палитрой можно сохранить на Google диск или продолжить работать с ними в приложении.

Рейтинг у приложения довольно хороший: «Сфотографировала бочок своей кошки и сделала спальню в этих цветах)) Очень понравилось!», — написала пользовательница Татьяна.

Особенность: гибкое редактирование палитры.

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

Особенность: «примерка» цвета на интерьер.

Color Capture 

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

Особенность: создает красивые свотчи из трех цветов. 

Читайте также:

Окно выбора цвета OS X и картинки в качестве палитры цветов

Плавающее окно Цвета (Colors) живет в OS X и многих Мак-программах испокон веков, и оно само по себе, без дополнительных расширений, позволяет выбрать нужный цвет целой кучей разных способов. Один из самых клевых — использование в качестве цветовой палитры какое-нибудь изображение.

При работе в каком-нибудь приложении, где предусмотрено использование цвета, вызовите окно Цвета (Colors) — обычно для этого используется сочетание клавиш ⌘⌥C. В появившемся окне перейдите на четвертую вкладку — видите цветовой спектр? Щелкнув в любом его месте, вы выберете соответствующий цвет, который находится непосредственно под курсором мыши. Этот спектр — обычная картинка, и как раз ее можно заменить на любую другую картинку одним из трех способов.

Первый способ: можно просто перетащить нужный вам графический файл прямо в область цветового спектра. Второй способ: скопировать картинку из другой программы и вставить эту картинку в окно Цвета (Colors) с помощью команды Вставить из буфера обмена (New from Clipboard), которая находится в выпадающем списке под областью отображения картинки. Третий способ: выбрать в том же выпадающем списке команду Новая из файла (New from File), которая открывает стандартное окно загрузки файла, через которое вам нужно открыть нужное изображение.

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

Заметьте, что в выпадающем списке Картинка (Image) появится новый пункт — Новая (New), если картинку вставили из буфера обмена, или по имени загруженного файла. Этой «палитре цветов» можно задать другое имя — командой Переименовать (Rename) в нижнем выпадающем списке. Там же находится и команда Удалить (Remove) — на тот случай, если текущая картинка-палитра вам больше не нужна.

Теперь самый главный вопрос: для чего это нужно? В первую очередь для того, чтобы ограничить себе выбор цветов, например, при оформлении какого-нибудь документа или презентации. Скажем, если вы используете в качестве фона фотографию леса или морских волн, — цвета для текста и графических элементов лучше всего подбирать из той же гаммы, что и ваш фон. Его-то и можно вставить в окно Цвета (Colors) в качестве палитры, чтобы цвета в готовом проекте смотрелись максимально гармонично.

Сервис Color Palette Generator для генерации палитр в фото

Итак, давайте мы, сейчас рассмотрим сервис Color Palette Generator. Он представляет собой специальный генератор палитр цветов для фотографии. Сам сервис очень простой и не вызывает никаких трудностей в работе. К сожалению, сервис работает только с картинками из интернета. Сразу с компьютера загрузить фото не удастся. Однако это можно сделать другим отдельным сервисом. 

Сервис Color Palette Generator

Но для начала, давайте разберемся с Color Palette Generator, который расположен вот по такому адресу. Когда вы туда перейдете, то с правой стороны увидите окно «URL of image«. Сюда вставляем ссылку на любое изображение в интернете и нажимаем кнопку «Color-Palette-ify!»

Ждем несколько секунд, после чего с левой стороны высветится результат. Там отобразится сама картинка и ее две палитры цветов. Одна темного (1), другая светлого (2) варианта. Каждая палитра состоит из 5 цветов с отдельными кодами.

На этом с данным сервисом у нас все. Другим функционалом он не обладает. Ниже вы можете найти ссылки на другие ресурсы этого сайта (degraeve.com). При желании можете посмотреть. Там есть очень полезные площадки.

В общем, сервис неплохой, но чтобы им пользоваться нужно сначала свою фотографию загрузить в интернет, а только потом указать ее адрес. Но, как нам сразу загрузить картинку с компьютера? Обратите внимание, с правой стороны в текстовой записи дана ссылка (3) на другой генератор палитр.

Сервис ColorHunter

Переходим по ссылке (3) и попадаем на другой онлайн-генератор палитр ColorHunter. В принципе он такой же, как и предыдущий Color Palette Generator. Однако здесь можно сразу загрузить картинку с интернета или с компьютера. В самом верху можно увидеть форму поиска. Сюда можно ввести url нужной фотографии и нажать «search color palettes«. Если нужно загрузить с компьютера, то нажимаем на кнопку «upload an image» и ниже появится дополнительная форма загрузки изображения (кликните на рисунок ниже).

Чуть ниже вам покажут окончательные результаты. Вы увидите палитру из 5 цветов. Разумеется, коды этих цветов тоже отображены. Еще ниже есть кнопка (4) — это переключатель между темной и светлой палитры.

Вот и все! Теперь вы знаете, как генерировать палитры в своих картинках с помощью сервиса Color Palette Generator. Если вы захотите загружать фотографии прямо с компьютера, то стоит воспользоваться генератором ColorHunter. Также на этом же сайте degraeve.com можно найти еще ряд очень полезных и интересных сервисов. В общем, изучайте и внедряйте! 

Рекомендую почитать похожие записи:

Топ 13 генераторов цветовых схем

Содержание:

1.Coolors
2.Colorsafe
3.Color.Hailpixel
4.Colorhunt
5.Galactic.Ink
6.Colrd
7.Sipapp
8.0to255
9.Flatuicolors
10.Paletton
11.Colr
12.Javier.Xyz
13.Colourco

Фирменный цвет поможет повысить узнаваемость бренда на 80%, выделить вас среди конкурентов и завоевать доверие покупателей. Как подобрать цветовую гамму, если у вас нет опыта в дизайне? Использовать онлайн-генераторы, которые профессионально сочетают оттенки. Составили список лучших сервисов — сайтов и мобильных приложений.

Палитру можно создать за считанные секунды. Просто выберите любой цвет — и автоматически получите идеальную комбинацию. Отрегулируйте оттенки по температуре, насыщенности, яркости и экспортируйте в удобный формат (PNG, PDF, SCSS, SVG). Нужно вдохновение? Используйте раздел с готовыми схемами и сохраняйте их для своих проектов. Для удобства работы загрузите приложения программы для iOS или Android. 

Оптимизирует сайт в соответствии с принципами международного руководства по веб-доступности (Web content accessibility guidelines). Укажите цвет фона и шрифта — и инструмент сгенерирует палитру, которая будет комфортна для людей с нарушениями зрения. Отсортируйте полученные варианты и сохраните избранные в библиотеке — в ней есть функция совместной работы над проектами.

Этот сервис работает онлайн, но удобнее всего использовать его как мобильное приложение для iOS. Процесс понятен интуитивно. В один клик выберите цвет, проведите пальцем (или мышкой) влево или вправо для изменения оттенка, а вверх или вниз — для яркости. В мобильной версии есть полезная опция распознавания. Понравился цвет, который конкуренты использовали в наружной рекламе? Просто наведите на него камеру — и приложение подскажет номер и название оттенка.

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

Генератор с «умным» цветовым кругом подойдет опытным пользователям. Здесь собраны все профессиональные инструменты для работы с цветом. Выбирайте цветовые схемы (аналоговые, комплиментарные, триады, тетрады и другие), модели (RGB или RYB), светлый или темный фон сайта. Полученную комбинацию можно сразу скачать в Illustrator или Photoshop. 

Ресурс понравится и тем, кто ищет вдохновения, и тем, кто хочет создать свою палитру. Интерфейс прост и интуитивно понятен. В разделе «Исследовать» собраны фото и иллюстрации, разложенные на цветовые схемы. Здесь можно найти картины Ван Гога и работы современных фотографов, смотреть все подряд или отсортировать по разным критериям. А раздел «Создать» предлагает сгенерировать один цвет, палитру или градиент. 

Платный инструмент для компьютеров или телефонов на системе iOS позволяет быстро создавать, систематизировать и редактировать сочетания, а также делиться результатами с командой. Созданные палитры все время остаются видимыми сбоку экрана — это удобно для сравнения в процессе работы. Есть также онлайн-конвертер, который переводит схемы в 24 формата — как для печати, так и для использования в интернете.

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

Лаконичный сервис, где собраны всего 14 палитр от дизайнеров. Используйте 280 цветов для брендинга, презентаций или рекламы. Название и код любого оттенка можно узнать и скопировать для дальнейшей работы.

Мощный онлайн-генератор с классическим цветовым кругом и множеством функций подойдет опытным пользователям. Выбирайте варианты цветовых схем и настраивайте их при помощи различных инструментов. Получив результат, запустите проверку и посмотрите, как цвета будут выглядеть для дальтоников и на различных экранах. 

Ресурс предлагает «играть с цветами и схемами». Для этого здесь собраны креативные инструменты. Одна из самых полезных функций — возможность добавить любое изображение и разложить его на оттенки. Также можно ввести название цвета и получить на его основе карту ассоциаций.

Простой инструмент для создания гармоничных цветовых схем. Укажите основные и оттеночные краски, способ их смешивания, степень прозрачности — и редактируйте, пока не получите нужный результат.

Управляйте цветами одним движением мышки или пальца на тачскрине. Просто выберите в меню нужную схему: от монохрома до тетрады. Сайт покажет вам все варианты сочетаний. Возможности сортировки по цветам нет, зато понравившуюся комбинацию можно сохранить.  

Выбрали желаемый цвет для вашего бренда?

Создайте соответственный фирменный стиль на Logaster!

Заключение

Чтобы брендировать бизнес, не обязательно обращаться к дизайнеру — современные онлайн-инструменты помогут вам вдохновиться и профессионально подобрать цветовую палитру. Не знаете, с чего начать? Создайте главный визуальный символ бренда — логотип. Сгенерировать его в несколько кликов можно на сайте Logaster. После этого приступайте к другим элементам фирменного стиля — цветам, шрифтам и стилеобразующей графике.

изображений палитры

Палитра изображений уменьшить хранилище место, необходимое для изображений уменьшив количество цветов, используемых в изображении, до 256 цветов, а затем используя одно число на пиксель (один канал), чтобы указать цвет для каждого пиксель. Каждый номер цвета соответствует цвету в палитре из 256 цветов. Каждый цвет в палитре — это RGB. color из возможного диапазона миллионов цветов.

изображений палитры известны как проиндексированных Цветные изображения в режиме в Adobe PhotoShop и палитры называются таблиц цветов или цветов. отображает в некоторых приложениях.

Использование палитры изображений для экономии места для хранения стало менее важным для изображений в наше время, потому что стоимость дискового пространства резко упала. Теперь уже не так важно, как раньше, уменьшить занимаемое пространство по изображениям.Как правило, сейчас важнее сохранить высокое качество изображения. с большинством изображений, чем экономия места.

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

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

остаются популярными и часто встречаются. в ГИС работе.Множественные ссылки на, импорт и экспорт для палитры изображений в различных форматах. Manifold также обеспечивает точный контроль над изображениями палитры и палитрами, которые они используют, чтобы обеспечить максимальное использование таких изображений.

Об изображениях палитры

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

Одним из популярных методов уменьшения размера изображений RGB является использование палитры. Этот метод во многих случаях позволит сохранить хороший цветопередачу, в то же время значительно уменьшение размера изображения.Потому что преобразование изображения RGB в палитру изображение изменяет данные, такие преобразования чаще всего используется либо для принудительного включения значений пикселей в определенное подмножество, либо когда Важен внешний вид изображения, а не его точная сохранность исходных значений данных в каждом пикселе.

При использовании для сохранения воспринимаемого внешнего вида метод палитры зависит от наблюдения, что большинство изображений RGB используют только небольшое количество из 16 миллионов возможных цветов, доступных для использования.Есть две причины почему это так. Первая причина заключается в том, что на большинстве изображений гораздо меньше, чем В них 16 миллионов пикселей. Например, изображение 1024 x 768 имеет размер менее миллион пикселей. Даже если бы каждый пиксель был разного цвета, такое изображение для рисования потребуется гораздо меньше 16 миллионов различных цветов.

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

Если мы увеличим масштаб изображения в нашем примере возле головы и подбородка памятник, мы видим, что голубое небо состоит из множества синих пикселей это немного разные оттенки синего. Однако большая часть синего оттенки настолько похожи друг на друга, что очень сложно отличить их врозь.Мы могли бы легко заменить сотни различных, но виртуально одинаковые, оттенки синего с двумя-тремя «синими» без значительно меняет то, как изображение выглядит для человеческого глаза.

Это именно то, что делает метод палитры: преобразование изображения RGB. в изображение палитры, система анализирует все цвета RGB в изображении и группирует их в похожие оттенки. Затем метод палитры берет на себя все очень похожие цвета в группе и заменяет их одним цветом, который близкое соответствие ко всем цветам в этой группе.Для многих изображений это можно выбрать только 256 цветов, которые достаточно близки к различные похожие цвета из всех 16 миллионов возможных цветов, которые изображение кажется человеческому глазу таким же, как оригинал.

Чтобы увидеть это в действии, рассмотрим два изображения выше. Оба изображения увеличенный вид бронзового образца изображения головы и подбородка бронзовый памятник.Изображение слева использует три числа RGB на пиксель. так что каждый пиксель может быть любым из 16 миллионов возможных цветов. Примечание как голубое небо состоит из множества похожих оттенков синего, большинство из которых неотличимы друг от друга.

Изображение справа использует только 32 цвета во всем изображении. Каждый из этих 32 цветов — это цвет RGB, выбранный из общего диапазона. из 16 миллионов цветов, чтобы максимально соответствовать группе похожих цвета, которые он заменяет. Например, только два оттенка синего появляются в голубое небо. В этом примере мы используем 32 цвета, потому что в качестве обычно выполняется с изображениями палитры, приводит к такому близкому совпадению с исходное изображение, что трудно отличить. С использованием 32 цвета делают различия более очевидными для примера.

Метод палитры сохраняет цвета, которые используются в палитре (также известная как таблица цветов или карта цветов), которая будет использоваться для этого изображения.Каждый цвет в палитре указан как цвет RGB с тремя цифрами. Один возможный 32-цветная палитра для образца бронзового изображения преобразована в 32 цвета:

Использование только указанных выше 32 цветов приводит к получению удивительно красивого изображения. близко к оригиналу.

Изображение слева является оригиналом, а изображение справа это 32-цветное изображение.В этом примере мы использовали только 32 цвета. потому что использование полного диапазона 256 цветов в палитре разрешено Manifold приводит к изображению палитры, настолько визуально похожему на полное изображение RGB, что мы не могли отличить их друг от друга. Использование только 32 цветов приводит к некоторые видимые пикселирования в белом облаке под брюхом лошади но изображение с 256-цветной палитрой не покажет такой видимой пикселизации.

Размер изображения палитры в байтах составляет около одной трети размера полного изображения RGB, поскольку для изображение палитры, а не три числа на пиксель, как того требует Изображение RGB.Это может не иметь большого значения для одного небольшого изображение, содержащее несколько тысяч байтов, но это будет иметь большое значение для изображения размером десять гигабайт.

Как работают палитры

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

Таблица изображения содержит данные в виде плиток. ..

… и изображение компонент, который служит окном для визуализации этих данных.

Изображение знает, как отображать палитру изображения на основе того, как исходный данные были импортированы в Manifold в виде изображения палитры. Мы можем убедитесь, что Manifold понимает, что эти данные предназначены для изображения палитры, открыв Свойства для изображения.

Свойство StylePixel предоставляет значения стиля, примененные к каждому пикселю, включая значения цвета палитры в палитре, которая используется для рендеринга изображения на основе данных в таблице. Мы можем увидеть палитру, открыв Править — Диалог стиля для изображения:

Палитра изображений в Manifold использует таблицу палитр из 256 цветов на изображение.Тогда для изображений палитры требуется только один байт на пиксель, поскольку каждый байт может представлять 256 цветов (диапазон байтов от 0 до 255 всего на 256 позиций). Палитра — это просто внутренний поиск таблица, в которой указано, какое значение RGB следует использовать для этого пикселя. Поэтому Adobe PhotoShop называет такие изображения изображениями «индексированных цветов».

Как создаются изображения палитры?

запросов Manifold, которые преобразуют изображения RGB в изображения палитры, делают следующее автоматически: Первый шаг в преобразовании изображения RGB в изображение палитры уменьшает количество используемых цветов до 256 цветов или менее.Это требует выбора палитры, которая «лучше всего подходит». ко множеству цветов в изображении RGB, а затем назначить цвет из палитра для каждого пикселя изображения. Тогда каждый пиксель представлен в виде одно число, указывающее, какой цвет в палитре должен использоваться для этот пиксель.

Давайте посмотрим, как может выглядеть 32-цветное бронзовое изображение. сохраняется как изображение палитры.

Пиксели в области, выделенной красным на иллюстрации, будут кодируется одним числом на пиксель:

Число для каждого пикселя говорит о том, какой цвет в палитре использовать для этот номер.Чтобы выяснить, какого цвета цифра 16 красного цвета, показанная выше должно быть, смотрим на палитру, используемую для этого изображения:

Все цвета, использованные в этом изображении, перечислены в палитре.

Процесс поиска прост: число 16 переносит нас на шестнадцатое. цвет в палитре, который является оттенком синего, заданным триплетом RGB номеров 91, 143, 207, которые перечислены в таблице палитр в Windows стандартный заказ БГР 207, 143, 91.Эти три числа будут использоваться для управления пиксельными элементами RGB на мониторе компьютера для этот конкретный пиксель.

Обратите внимание, что пиксель справа от показанного красным имеет значение 18, более светлый оттенок синего, восемнадцатый цвет в палитре, на два слота больше 16.

Учебные примеры палитр в действии

Простой способ понять, как работают палитры, — это рассмотреть аналогию, хобби деятельность живопись по номерам .Некоторые снобы от искусства высмеивают это хобби, но живопись по номерам. был любимым развлечением многих, в том числе Уинстона Черчилля, Альберта Эйнштейн и Махатма Ганди. *

Предположим, мы хотим создать картину для хобби, похожую на одну из знаменитые картины Винсента Ван Гога «Подсолнухи».

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

Рабочий лист контуров создается с номерами для каждого региона, где необходимо нанести краску другого цвета.

Цифры соответствуют цветам краски, указанным в пронумерованных ячейках на палитре. или в пронумерованных тубах, которые художник может разместить на палитре. В числа на листе указывают, какое количество краски использовать в этом область.Цифры используются для экономии места, так как это более экономично напечатать одно число, чем написать «Охра Браун» на одно пятно и «желтая золотарника» на другом.

Например, мы можем раскрасить все области на листе, отмеченные значком номер 3 краской номер 3 в палитра.

Мы раскрашиваем все регионы, отмеченные знаком 2 используя краску номер 2 .

Краска темно-зеленая номер 4 идет во все регионы, обозначенные номером 4 .

Если мы продолжим так и хорошо раскрасим линии (Эйнштейн был особенно хорош в этом …), и мы не делаем ошибок, например, используя краску номер 3 на цветом отмечены регионы 13 , результат может быть удивительно приятным.На иллюстрациях показано упрощенное рабочие листы: на самом деле большинство рабочих листов для рисования цифрами для взрослых гораздо более подробно, чтобы лучше приблизиться к оригиналу.

В методе раскраски цифрами нет особого смысла относительно как распределяются цвета. Важно только то, что каждый регион для раскрашивания на листе есть номер, и мы используем любое число краски совпадает с этим числом. Если мы ошибемся при создании наша палитра или если мы ошиблись при чтении, какой номер следует использовать результаты не будут правильными.

Например, предположим, что вместо того, чтобы брать тюбик желтой краски с маркировкой номер 3 мы случайно возьмите тюбик ярко-зеленой краски с номером 30 и выдавим большую каплю ярко-зеленой краски на нашу палитру в позиции номер 3 .

Если потом весело продолжим заполнять все регионы с отметкой 3 в листе с (неправильным) цветом краски залили в позицию 3 нашей палитры результаты будет неверным.

В каждой области картины, где мягкий желтый цвет, действительное число 3 цвет, должен был быть нанесен вместо этого мы применили бы ярко-зеленый цвет. Так или иначе Ван Гогу хотелось бы, чтобы эффект не выходил за рамки точка. Манипулирование палитрами путем замены разных цветов для предполагаемых цветов в раскраске по номерам процесс является одним из способов создания разные версии известных картин, похожие на оригиналы но, возможно, использовать разные цвета.

Использование палитр для изображений в компьютерах — очень похожий процесс.

Уменьшенный цвет (то есть созданный с использованием ограниченного диапазона цветов) В приведенном выше примере используется только 32 разных цвета. Это достигает большего сходства с оригиналом, потому что вместо того, чтобы назначать цвета в большие области, каждый отдельный пиксель может использовать один из этих цветов.

Мы можем открыть изображение в Manifold, а затем выбрать Edit — Style , чтобы открыть Style диалоговое окно, чтобы увидеть используемую палитру. Из этой палитры видно, что цвета, использованные в приведенном выше примере палитры нашего художника, действительно настоящие цвета, используемые в этом изображении на компьютере.

Эти цвета применяются к каждому пикселю в процессе рисования числами. прямо аналог процесса рисования по номерам хобби.В изображение палитры, каждый пиксель имеет номер, который указывает цвет для этот пиксель. Число, используемое для цвета в каждом пикселе, не более значение само по себе, чем число 3 напечатан для региона в листе раскраски по номерам. В числа имеют значение только с точки зрения того, какой цвет находится в палитре, чтобы быть нарисованным на этом номере.

Это отличается от цвета RGB значения, где тройка чисел, составляющих цвет RGB ценность имеют смысл сами по себе.Например, цвет RGB из 116, 235, 245 мягкий, желтый цвет, который получается, когда красные, зеленые и синие пиксельные элементы дисплея установлены на соответствующие значения интенсивности в диапазоне 0 до 255 .

Если бы мы, так сказать, увеличили масштаб данных, чтобы увидеть, как пиксели могут быть расположены в их обычных положениях на изображении, которое мы можем себе представить что каждая позиция пикселя помечена номером цвета, который должен быть закрашен в этот пиксель, как прямоугольный набор коробки в листе краски по номерам.

Чтобы заполнить каждый пиксель правильным цветом, мы можем представить, как выглядит коллектор. вверх число в палитре, а затем залив пиксель цветом для этого числа. Например, пиксели с номером 4 будут заполнены цветом. номер 4 из палитры, лес зеленого цвета. Обратите внимание, что нет ничего особенного в том, цвет — номер 4 или номер 3 .Единственное, что имеет значение заключается в том, что для каждого числа используется правильный цвет из палитры в пикселе. Manifold, конечно, делает это автоматически.

Выше мы видим, как соответствие между номерами цветов в пикселях и номера цветов в палитре используются для заливки пикселей цветом из палитры.

Так же, как рисование по числам, когда все пиксели залиты цвет их номера выбирают из палитры, изображение заполняется со всеми правильными цветами во всех правильных пикселях.В отличие от живописи по числам, когда Manifold заполняет пиксели правильным цветом, он делает это автоматически, он делает это мгновенно и никогда не ошибается.

Глядя на серию уменьшенных изображений в Manifold, мы можем увидеть, как совокупный эффект множества пикселей, окрашенных в правильные цвета из палитры выстраивается узнаваемый образ. Мы отметим расположение пикселей в рамке пурпурного цвета.

Мы видим, как то, что было просто цветными пятнами, начинает формировать зеленый объект. на желтом фоне.

Дальнейшее увеличение …

… и дальше …

Мы видим, что наш пример с использованием нескольких пикселей был частью основы для подсолнечник.

Так же, как и в случае рисования хобби по номерам, где меняется цвет, присвоенный номеру палитры, может приводить к различным визуальным эффектам то же самое верно и для компьютерных палитр. Мы можем увидеть что открыв Edit — Стиль для изображения и затем , дважды щелкнув на цветную ячейку, чтобы изменить цвет, присвоенный заданному номеру палитры.

Предположим, например, что мы дважды щелкаем в палитру цветов номер 5 и замените темно-зеленый цвет на ярко-зеленый изначально использован в палитре для номера 5 цвет.Все пиксели, имеющие значение цвета 5 теперь будет использовать этот новый ярко-зеленый цвет.

Банкноты

Менее 256 цветов — Коллектор таблицы палитры могут содержать 256 цветов; однако многие палитры изображений, импортированы, возможно, были созданы с использованием палитр с меньшим количеством цветов, возможно всего 16 или 32 цвета. В таких случаях лишние строки в таблице палитры будет черным.

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

Некоторые художники-историки предпочитали использовать подбор цветов на их палитрах и так слово «палитра» в истории искусства также стало обозначать особую коллекцию цветов любимый художником.Можно говорить об отличительной палитре Сезанна, например, или можно сравнить палитру сепии, которую Ван Гог использовал в его ранние работы с более яркой палитрой, которые он использовал в конце жизни в Арль.

Палитры могут быть оптимизированы для одно изображение — Логический результат метода палитры для изображений используется палитра для фотографического или визуального рендеринга. с каждым конкретным изображением относится к этому изображению.Конкретный набор 256 цветов, который лучше всего приближает цвета в одном RGB изображение не будет таким же, как 256 цветов, используемых для наилучшего приблизительного другой образ.

Например, образец бронзового изображения в основном состоит из зеленого и синего цветов, поэтому 32-цветная палитра для этого изображения, показанного выше, имеет много разных оттенков. зеленого и синего.

Палитра изображения аэропорта Токио, показанная выше, с другой стороны, использовать совершенно другую палитру, в которой много оттенков почти черного цвета при уменьшении до 32 цветов.

* Шучу — Ганди предпочитал ткачество, Эйнштейн любил заниматься парусным спортом, а Черчилль рисовал без номеров.

См. Также

Изображения

Стиль

Создавайте цветовые палитры из изображений вашего смартфона с помощью этих 4 бесплатных приложений

Создавайте цветовые палитры из изображений вашего смартфона с помощью этих 4 бесплатных приложений