Ответы@Mail.Ru: В какой программе можно разбить фото на цвета и сегменты для переноса на холст.

.

Справка по цветовым моделям

Далее приводится краткое описание цветовых систем с которыми работает конвертер, разъяснение по форматам, а также примеры использования полученных цветов в CSS/HTML.

HEX / HTML

Цвет в формате HEX — это ни что иное, как шестнадцатеричное представление RGB.

Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 — красный, 22 — зелёный, 33 — синий. Все значения должны быть между 00 и FF.

Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.

  1. h1 { color:#ff0000; } /* красный */
  2. h2 { color:#00ff00; } /* зелёный */
  3. h3 { color:#0000ff; } /* синий */
  4. h4 { color:#00f; } /* тот же синий, сокращённая запись */

RGB

Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.

Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.

Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).

  1. h1 { color:rgb(255, 0, 0); } /* красный */
  2. h2 { color:rgb(0, 255, 0); } /* зелёный */
  3. h3 { color:rgb(0, 0, 255); } /* синий */
  4. h4 { color:rgb(0%, 0%, 100%); } /* тот же синий, процентная запись */

Цветовые значения RGB поддерживаются во всех основных браузерах.

RGBA

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

Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha).

Определение цвета на экране монитора

Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

  1. h1 { color:rgb(0, 0, 255); } /* синий в обычном RGB */
  2. h2 { color:rgba(0, 0, 255, 1); } /* тот же синий в RGBA, потому как непрозрачность: 100% */
  3. h3 { color:rgba(0, 0, 255, 0.5); } /* непрозрачность: 50% */
  4. h4 { color:rgba(0, 0, 255, .155); } /* непрозрачность: 15.5% */
  5. h5 { color:rgba(0, 0, 255, 0); } /* полностью прозрачный */

RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.

HSL

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

HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).

  1. h1 { color:hsl(120, 100%, 50%); } /* зелёный */
  2. h2 { color:hsl(120, 100%, 75%); } /* светло-зелёный */
  3. h3 { color:hsl(120, 100%, 25%); } /* тёмно-зелёный */
  4. h4 { color:hsl(120, 60%, 70%); } /* пастельный зеленый */

HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.

HSLA

По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.

Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

  1. h1 { color:hsl(120, 100%, 50%); } /* зелёный в обычном HSL */
  2. h2 { color:hsla(120, 100%, 50%, 1); } /* тот же зелёный в HSLA, потому как непрозрачность: 100% */
  3. h3 { color:hsla(120, 100%, 50%, 0.5); } /* непрозрачность: 50% */
  4. h4 { color:hsla(120, 100%, 50%, .155); } /* непрозрачность: 15.5% */
  5. h5 { color:hsla(120, 100%, 50%, 0); } /* полностью прозрачный */

CMYK

Цветовая модель CMYK часто ассоциируется с цветной печатью, с полиграфией.

CMYK (в отличие от RGB) является субтрактивной моделью, это означает что более высокие значения связаны с более тёмными цветами.

Цвета определяются соотношением голубого (Cyan), пурпурного (Magenta), жёлтого (Yellow), с добавлением чёрного (Key/blacK).

Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию, а точнее, размер точки растра, выводимой на фотонаборном аппарате на плёнке данного цвета (или прямо на печатной форме в случае с CTP).

Например, для получения цвета «PANTONE 7526» следует смешать 9 частей голубой краски, 83 частей пурпурной краски, 100 — жёлтой краски, и 46 — чёрной. Это можно обозначить следующим образом: (9,83,100,46). Иногда пользуются такими обозначениями: C9M83Y100K46, или (9%, 83%, 100%, 46%), или (0,09/0,83/1,0/0,46).

HSB / HSV

HSB (также известна как HSV) похожа на HSL, но это две разные цветовые модели. Они обе основаны на цилиндрической геометрии, но HSB/HSV основана на модели «hexcone», в то время как HSL основана на модели «bi-hexcone». Художники часто предпочитают использовать эту модель, принято считать что устройство HSB/HSV ближе к естественному восприятию цветов. В частности, цветовая модель HSB применяется в Adobe Photoshop.

HSB/HSV расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Brightness/Value (яркость/значение).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Brightness является процентным значением яркости (от 0% до 100%).

XYZ

Цветовая модель XYZ (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.

LAB

Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.

HEX в RGB

HEX в RGBA

HEX в RGB(%)

HEX в RGBA(%)

HEX в HSL

HEX в HSLA

HEX в CMYK

HEX в HSB/HSV

HEX в XYZ

HEX в LAB

RGB в HEX

RGB в RGBA

RGB в RGB(%)

RGB в RGBA(%)

RGB в HSL

RGB в HSLA

RGB в CMYK

RGB в HSB/HSV

RGB в XYZ

RGB в LAB

RGBA в HEX

RGBA в RGB

RGBA в RGB(%)

RGBA в RGBA(%)

RGBA в HSL

RGBA в HSLA

RGBA в CMYK

RGBA в HSB/HSV

RGBA в XYZ

RGBA в LAB

RGB(%) в HEX

RGB(%) в RGB

RGB(%) в RGBA

RGB(%) в RGBA(%)

RGB(%) в HSL

RGB(%) в HSLA

RGB(%) в CMYK

RGB(%) в HSB/HSV

RGB(%) в XYZ

RGB(%) в LAB

RGBA(%) в HEX

RGBA(%) в RGB

RGBA(%) в RGBA

RGBA(%) в RGB(%)

RGBA(%) в HSL

RGBA(%) в HSLA

RGBA(%) в CMYK

RGBA(%) в HSB/HSV

RGBA(%) в XYZ

RGBA(%) в LAB

HSL в HEX

HSL в RGB

HSL в RGBA

HSL в RGB(%)

HSL в RGBA(%)

HSL в HSLA

HSL в CMYK

HSL в HSB/HSV

HSL в XYZ

HSL в LAB

HSLA в HEX

HSLA в RGB

HSLA в RGBA

HSLA в RGB(%)

HSLA в RGBA(%)

HSLA в HSL

HSLA в CMYK

HSLA в HSB/HSV

HSLA в XYZ

HSLA в LAB

CMYK в HEX

CMYK в RGB

CMYK в RGBA

CMYK в RGB(%)

CMYK в RGBA(%)

CMYK в HSL

CMYK в HSLA

CMYK в HSB/HSV

CMYK в XYZ

CMYK в LAB

HSB/HSV в HEX

HSB/HSV в RGB

HSB/HSV в RGBA

HSB/HSV в RGB(%)

HSB/HSV в RGBA(%)

HSB/HSV в HSL

HSB/HSV в HSLA

HSB/HSV в CMYK

HSB/HSV в XYZ

HSB/HSV в LAB

XYZ в HEX

XYZ в RGB

XYZ в RGBA

XYZ в RGB(%)

XYZ в RGBA(%)

XYZ в HSL

XYZ в HSLA

XYZ в CMYK

XYZ в HSB/HSV

XYZ в LAB

LAB в HEX

LAB в RGB

LAB в RGBA

LAB в RGB(%)

LAB в RGBA(%)

LAB в HSL

LAB в HSLA

LAB в CMYK

LAB в HSB/HSV

LAB в XYZ

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

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

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

Как узнать цвет фона на странице? Выбирай ColorZilla!

Это представление в виде трёх пар шестнадцатеричных цифр, в которых каждая пара отвечает за свой цвет:
первые две цифры — красный цвет, т.е. — R (red) 
две в середине — зелёный — G (green)
последние две цифры — синий — B (blue)
Довольно часто используют крадкое представление цвета в виде трех символов #F70, что будет равносильно #FF7700.

Кстати, на веб-ресурсах цвета обычно указываются в стилях CSS.

Давайте перейдем к ответу на главный вопрос — Как узнать цвет пикселя на экране монитора или картинке?

Способов большое множество…

Способ 1. Узнаем цвет в photoshop

Итак, сделаем "снимок экрана" нажатием на клавиатуре клавиши — Print Screen (PrtSc), в том месте, где хотим узнать код нашего цвета. Во время нажатия клавиши  система сохранит снимок в буфере обмена. Можно просто скопировать изображение, например из браузера, без PrtSc. Теперь остается только вставить изображение из буфера в фотошоп.

Открываем фотошоп и вставляем изображение (Файл — Создать, Редактирование — Вставить). Ищем на панели инструментов "Пипетка" (Клавиша I), далее щелкаем левой кнопкой мыши в ту область, в котрой хотим "снять" цвет. Все готово! Теперь остается перейти в палитру и узнать код цвета.

Способ 2. Узнаем цвет в Paint

Заходим в Paint — вставляем картинку — используем инструмент "палитра" — переходим в "изменение цветов":

В нашем случае красный — 252, зеленый — 168, синий — 10, т.е. RGB(252,168,10) или в HEX формате #FCA80A.

Способ 3. Просмотреть код элемента в браузере

Опишу способ для браузера Opera. Выделяем мышкой элемент на сайте и щелкаем по нему правой кнопкой мыши — "Просмотреть код элемента" (Ctrl + Shift + C). Откроется панель с html и css кодом, нужно будет найти что-то подобное "color".

 

Способ 4.

Использование специальных средств или программ.

Существует большое количество специальных программ для снятия цвета, мне нравится очень простая прога под названием "Pixie" с весом около 10-11 Кб. Управление очень простое. Достаточно просто навести мышь в нужную точку на экране монитора и нажать следующие клавиши — Ctrl + Alt + C, в результате чего цветовой код скопируется в буфер обмена.

Компьютерцветпиксельpixiergbфотошоп

4 кле­вых ресурса для извле­че­ния цве­то­вой палитры с веб-сайтов

Обработка JPEG фотографий онлайн.

Определить основные цвета картинки онлайн

Главное нужно указать фото или картинку на вашем компьютере или телефоне, нажать кнопку OK внизу страницы и подождать пару секунд. Остальные настройки уже выставлены по умолчанию.

Примеры разных фотографий с автоматически определёнными основными цветами:

После обработки указанной вами картинки вы получите таблицу с основными цветами, их RGB и HEX значениями, например, для вставки в html-код или для использования в фотошопе, а также саму картинку с палитрой основных цветов (справа от неё), как показано в вышеуказанных примерах.

Исходное изображение никак не изменяется. Вам будет предоставлена другая картинка с палитрой цветов.

Связь | Карта сайта, ограничения | English version

© 2018 www.imgonline.com.ua

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *