Замена цвета онлайн: Редактор фото онлайн — PhotoDraw.ru – Редактор фото онлайн. Бесплатно, без установки и регистрации.

Палитра цветов с названиями — IMG online

Палитра из 137 цветов с названиями, RGB значениями и HEX (HTML) кодом.

Название цветаRGBHEX
Тёмно-бордовыйrgb(128,0,0)#800000
Тёмно-красныйrgb(139,0,0)#8B0000
Огнеупорный кирпичrgb(178,34,34)#B22222
Красныйrgb(255,0,0)#FF0000
Лососевыйrgb(250,128,114)#FA8072
Томатныйrgb(255,99,71)#FF6347
Коралловыйrgb(255,127,80)#FF7F50
Оранжево-красныйrgb(255,69,0)#FF4500
Шоколадныйrgb(210,105,30)#D2691E
Песочно-коричневыйrgb(244,164,96)#F4A460
Тёмно-оранжевыйrgb(255,140,0)#FF8C00
Оранжевыйrgb(255,165,0)#FFA500
Тёмный золотарникrgb(184,134,11)#B8860B
Золотарниковыйrgb(218,165,32)#DAA520
Золотойrgb(255,215,0)#FFD700
Оливковыйrgb(128,128,0)#808000
Жёлтыйrgb(255,255,0)#FFFF00
Жёлто-зелёныйrgb(154,205,50)#9ACD32
Зелёно-жёлтыйrgb(173,255,47)#ADFF2F
Шартрёз (ликёр)rgb(127,255,0)#7FFF00
Зелёный газонrgb(124,252,0)#7CFC00
Зелёныйrgb(0,128,0)#008000
Лаймовыйrgb(0,255,0)#00FF00
Зелёный лаймrgb(50,205,50)#32CD32
Весенне зелёныйrgb(0,255,127)#00FF7F
Весенне-зелёный нейтральный
rgb(0,250,154)
#00FA9A
Бирюзовыйrgb(64,224,208)#40E0D0
Светло-зелёное мореrgb(32,178,70)#20B2AA
Бирюзовый нейтральныйrgb(72,209,204)#48D1CC
Тёмный цианrgb(0,139,139)#008B8B
Морская волнаrgb(0,255,255)#00FFFF
Тёмно-бирюзовыйrgb(0,206,209)#00CED1
Небесно-голубой тёмныйrgb(0,191,255)#00BFFF
Обманчивый синийrgb(30,144,255)#1E90FF
Королевский синийrgb(65,105,225)#4169E1
Военно-морского флотаrgb(0,0,128)#000080
Тёмно-синийrgb(0,0,139)#00008B
Cиний нейтральныйrgb(0,0,205)#0000CD
Синийrgb(0,0,255)#0000FF
Сине-фиолетовыйrgb(138,43,226)#8A2BE2
Тёмная орхидеяrgb(153,50,204)#9932CC
Тёмно-фиолетовыйrgb(148,0,211)#9400D3
Фиолетовыйrgb(128,0,128)#800080
Тёмный маджентаrgb(139,0,139)#8B008B
Маджентаrgb(255,0,255)#FF00FF
Фиолетово-красный нейтральныйrgb(199,21,133)#C71585
Насыщенный розовыйrgb(255,20,147)#FF1493
Ярко-розовыйrgb(255,105,80)#FF69B4
Малиновый
rgb(220,20,60)
#DC143C
Коричневыйrgb(165,42,42)#A52A2A
Красный индийскийrgb(205,92,92)#CD5C5C
Розово-коричневыйrgb(188,143,143)#BC8F8F
Светло-коралловыйrgb(240,128,128)#F08080
Снегrgb(255,250,250)#FFFAFA
Туманная розаrgb(255,228,225)#FFE4E1
Тёмный лососьrgb(233,150,122)#E9967A
Светлый лососьrgb(255,160,122)#FFA07A
Охраrgb(160,82,45)#A0522D
Морская ракушкаrgb(255,245,238)#FFF5EE
Седло Браунrgb(139,69,19)#8B4513
Персиковая пудраrgb(255,218,185)#FFDAB9
Перуrgb(205,133,63)#CD853F
Текстильныйrgb(250,240,230)#FAF0E6
Бисквитrgb(255,228,196)#FFE4C4
Плотное деревоrgb(222,184,135)#DEB887
Загарrgb(210,180,140)#D2B48C
Античный белыйrgb(255,235,215)#FAEBD7
Белый навахоrgb(255,222,173)#FFDEAD
Бланшированный миндальrgb(255,235,205)#FFEBCD
Побег папайиrgb(255,239,213)#FFEFD5
Мокасиновыйrgb(255,228,181)#FFE4B5
Пшеничныйrgb(245,222,179)#F5DEB3
Старое кружевоrgb(253,245,230)#FDF5E6
Цветочный белыйrgb(255,250,240)#FFFAF0
Кукурузный волосrgb(255,248,220)#FFF8DC
Хакиrgb(240,230,140)#F0E68C
Лимонный шифонrgb(255,250,205)#FFFACD
Бледный золотарникrgb(238,232,170)#EEE8AA
Тёмный хакиrgb(189,183,107)#BDB76B
Бежевыйrgb(245,245,220)#F5F5DC
Светло-жёлтый золотарникrgb(250,250,210)#FAFAD2
Светло-жёлтыйrgb(255,255,224)#FFFFE0
Слоновая костьrgb(255,255,240)#FFFFF0
Тёмно-оливковыйrgb(107,142,35)#6B8E23
Тёмно-оливковый зелёныйrgb(85,107,47)#556B2F
Тёмно-зелёное мореrgb(143,188,143)#8FBC8F
Тёмно-зелёныйrgb(0,100,0)#006400
Зелёный леснойrgb(34,139,34)#228B22
Светло-зелёныйrgb(144,238,144)#90EE90
Бледно-зелёныйrgb(152,251,152)#98FB98
Медвяная росаrgb(240,255,240)#F0FFF0
Зелёное мореrgb(46,139,87)#2E8B57
Зелёное море, нейтральныйrgb(60,179,113)#3CB371
Мятный кремrgb(245,255,250)#F5FFFA
Аквамариновый нейтральныйrgb(102,205,170)#66CDAA
Аквамариновыйrgb(127,255,212)#7FFFD4
Тёмный грифельно-серыйrgb(47,79,79)#2F4F4F
Бледно-бирюзовыйrgb(179,238,238)#AFEEEE
Светло-голубойrgb(224,255,255)#E0FFFF
Лазурныйrgb(245,255,255)#F0FFFF
Серо-синийrgb(95,158,160)#5F9EA0
Пыльный голубойrgb(176,224,230)#B0E0E6
Светло-синийrgb(173,216,230)#ADD8E6
Небесно-голубойrgb(135,206,235)#87CEEB
Небесно-голубой светлыйrgb(135,206,250)#87CEFA
Синяя стальrgb(70,130,180)#4682B4
Синяя Элисrgb(240,248,255)#F0F8FF
Серый шиферrgb(112,128,144)#708090
Светло-серый шиферrgb(119,136,153)#778899
Светло-стальной синийrgb(176,196,222)#B0C4DE
Васильковый голубойrgb(100,149,237)#6495ED
Лавандаrgb(230,230,250)#E6E6FA
Призрачно-белыйrgb(248,248,255)#F8F8FF
Полуночный синийrgb(25,25,112)#191970
Аспидно-синийrgb(106,90,205)#6A5ACD
Тёмный аспидно-синийrgb(72,61,139)#483D8B
Нейтральный аспидно-синийrgb(123,104,238)#7B68EE
Фиолетовый нейтральныйrgb(147,112,219)#9370DB
Индигоrgb(75,0,130)#4B0082
Нейтральный цвет орхидеиrgb(186,85,211)#BA55D3
Слива светлаяrgb(221,160,221)#DDA0DD
Розово-фиолетовыйrgb(238,130,238)#EE82EE
Чертополохrgb(216,191,216)#D8BFD8
Орхидеяrgb(218,112,214)#DA70D6
Розово-лавандовыйrgb(255,240,245)#FFF0F5
Лиловыйrgb(219,112,147)#DB7093
Розовыйrgb(255,192,203)#FFC0CB
Светло-розовыйrgb(255,182,193)#FFB6C1
Чёрныйrgb(0,0,0)#000000
Тускло-серыйrgb(105,105,105)#696969
Серыйrgb(128,128,128)#808080
Тёмно-серыйrgb(169,169,169)#A9A9A9
Серебряныйrgb(192,192,192)#C0C0C0
Светло-серыйrgb(211,211,211)#D3D3D3
Геинсбороrgb(220,220,220)#DCDCDC
Белый дымrgb(245,245,245)#F5F5F5
Белыйrgb(255,255,255)#FFFFFF

Графический редактор Фотошоп онлайн: градиент, штамп, замена цвета, рисование

Мы продолжаем изучение инструментов графического редактора Фотошоп онлайн. Уже мы изучили инструменты выделения и инструменты рисования. На очереди инструменты: Градиент, Клонирующий штамп, Замена цвета, Рисование.

Откройте графический редактор онлайн, и в нем создайте новое изображение. Начнем с градиента:

Градиент

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

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

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

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

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

Можно настроить параметр Метод распространения:

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

Также можно использовать различные режимы: по умолчанию стоит Normal, когда градиенты накладываются друг на друга. Есть режимы затемнения, осветления. Очень интересен режим Difference, который позволяет создавать из градиентов красочные абстрактные изображения.

Клонирующий штамп

Позволяет копировать части изображения, и воссоздавать их в других местах. Этот прием применяется, например, для удаления лишних предметов в фоне фотопортрета.  Чтобы определить область, которая будет копироваться, нужно нажать на нее с нажатой клавишей Ctrl. Затем отпускаете Ctrl, и водите мышью там, где хотите скопировать выбранную область. При этом точка клонируемой области движется синхронно с курсором, и эта область копируется в другом месте.

На панели параметров Вы можете выбрать размер и форму инструмента, этот параметр аналогичен такому же параметру инструмента Кисть.

Можно также выбрать Непрозрачность.

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

Замена цвета

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

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

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

Рисование

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

Видео о том, как можно использовать инструменты Градиент, Клонирующий штамп, Замена цвета и Рисование в графическом редакторе Фотошоп онлайн

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

Фотошоп Онлайн/Редактор фотографий | PixelOnline.ru

 

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

1. Откройте редактор.

2. Выберите одну из предложенных опций. Вы можете создать изображение с нуля, выбрав первый пункт «СОЗДАТЬ НОВЫЙ РИСУНОК», второй пункт » ЗАГРУЗИТЬ ИЗОБРАЖЕНИЕ С КОМПЬЮТЕРА»,  третий «ЗАГРУЗИТЬ URL ИЗОБРАЖЕНИЯ» и четвёртый «ВЫБРАТЬ ИЗОБРАЖЕНИЕ ИЗ БИБЛИОТЕКИ».

 

3. Ознакомьтесь с различными панелями редактирования.

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

-Панель Слои находится сразу под «Навигатором», она предназначена для выбора, редактирования и изменения слоёв корректировки исходного изображения. Многие изменения, внесенные вами в фото (в том числе добавление текста, применение фильтров и вставка других изображений) автоматически появляются в качестве новых, отдельных слоев. Изначально слой вашего изображения заблокирован, чтобы его разблокировать кликните мышкой два раза на замочек и слой станет доступным для редактирования, например можно сделать его полупрозрачным, ползунок прозрачности находится в левом нижнем углу данной панели, кликните на значок у выберите уровень прозрачности. Далее справа от ползунка прозрачности расположен значок маски слоя,она служит для создания прозрачности определенных участков изображения не затрагивая при этом основной фотографии. Когда у вас несколько слоев вы можете перемещать их расставлять как вам угодно при помощи мышки для этого просто перетащите нужный вам слой вверх или вниз. Далее от маски слоя идёт значок стили слоёв, дальше значок создания нового слоя и мусорная корзина, при помощи которой вы можете удалить ненужный вам слой.

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

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

4. Рассмотрим инструменты выделения:
Обрезка. Данный инструмент предназначен для обрезки исходного изображения по заданным размерам. Выберите данный  инструмент и выделите область которую хотите обрезать, затем кликните двойным щелчком мыши по выделенной области и она обрежется по внешним границам.
Перемещение. С помощью данного инструмента вы можете перемещать выделенные области, отдельные слои относительно друг друга и также текст. Выберите данный инструмент кликните и удерживайте выделенную область, слой или текст и переместите его в нужную вам часть, затем отпустите кнопку мышки.
Выделение.  Данный инструмент предназначен для выделения квадратных , прямоугольных форм и форм в виде эллипса на изображении. Нажмите кнопку, затем нажмите и перетащите экран для выбора квадратной или прямоугольной области. Также можно выделить сразу несколько объектов одновременно, для этого при каждом последующем выделении удерживайте клавишу Shift.
Лассо. Данный инструмент предназначен для выделения объектов произвольной формы. Выберите этот инструмент и удерживая на изображении левую кнопку мыши нарисуйте область, которую нужно выделить, при этом вы должны сделать завершённую петлю, то есть начальная точка выделения должна совпасть с конечной. Также как на инструменте Выделение можно выделять одновременно несколько объектов, удерживая клавишу Shift.
Волшебная палочка. Данный инструмент предназначен для выделения областей схожей цветовой гаммы. Выберите инструмент и кликните на цвет, который хотите выделить. Чтобы отменить выделение удерживайте клавишу Ctrl и кликните на изображение. Для выделения нескольких объектов одновременно удерживайте Shift при каждом последующем выделении.
5. Инструменты редактирования:
Карандаш. Данный инструмент предназначен для рисования на изображении. В отличие от кисти линия карандаша не сглаживается, тем самым имитируя острый карандаш.
Кисть. Инструмент для рисования сглаженных линий на изображении. Нажмите кнопку, перетащите курсор на изображение и свободно рисуйте.
Ластик. Инструмент предназначенный для стирания областей. Ластик стирает изображение до его фона, если фон прозрачный, то стирание будет до прозрачного фона. Нажмите кнопку и стирайте нужную область.
Заливка. Инструмент заливки служит для окрашивания нужных областей в сплошной цвет. Выберите заливку, установите желаемый цвет и кликните на область, которую следует окрасить.
Штамп. Данный инструмент предназначен для клонирования элементов изображения. Нажмите кнопку, затем удерживая Ctrl щелкните на область изображения, которую вы хотели бы клонировать. Отпустите клавишу Ctrl и переместите курсор на область, где вы хотите клонировать обозначенную ранее область. Нажмите левую кнопку мыши и изображение начнёт клонироваться.  Это очень полезный инструмент для сглаживания и реставрации элементов (напр. реставрация старых фото, где некоторая часть изображения повреждена).
Замена цвета. Этот инструмент служит для замены цвета отдельных фрагментов фотографии. При помощи данного инструмента вы можете заменить цвет нужного вам фрагмента на любой другой, для этого выберите нужный цвет, затем удерживая кнопку мыши начинайте рисовать на том элементе, который хотите заменить.
Градиент. Данный инструмент предназначен для осуществления плавного перехода одного цвета к другому.Нажмите кнопку, затем перетащите курсор на изображение, чтобы применить цветовой градиент к той части изображения, которая вам нужна. Цвет градиента происходит из двух цветовых пятен в вашей панели инструментов (обычно белого и черного, по умолчанию). Измените цвета пятна, чтобы изменить цвет в градиенте. Вы также можете изменить тип градиента, изменяя параметры в верхней части экрана.
6. Инструменты наложения:
Размытие. Инструмент размытия предназначен для размывания объектов изображения. Нажмите на кнопку, переместите курсор в область, которую нужно размыть и с каждым нажатием область будет размываться.
Резкость. Это инструмент повышения резкости отдельных областей изображения. Этот инструмент противоположен размытию, с каждым последующим нажатием резкость выбранной области будет увеличиваться.
Палец. Данный инструмент предназначен для выравнивания границы слоёв путём смазывания. Выберите данный инструмент поместите курсор на область которую нужно выравнить и удерживая левую кнопку мыши смазывайте линию в нужном направлении.
Губка. Данный инструмент имеет две функции: цветовое насыщение области и обесцвечивание. Достаточно выбрать нужную функцию в верхней панели управления. Затем просто удерживая либо кликая левой кнопкой мыши отредактируйте нужную область.
Осветление. Данный инструмент предназначен для осветления нужной области. Выберите инструмент, затем кликая по нужному объекту осветлите его.
Затемнение. Данный инструмент противоположный осветлению и предназначен для затемнения указанных областей изображения. Выберите данную функцию и кликая на нужную облать затемните его.
Точечная коррекция. Данный инструмент предназначен для удаления шума, неровностей и точек на изображении, делая его сплошным и ровным. Выберите данный инструмент и удерживая левую кнопку мыши проведите по неровной, содержащей шум поверхности, затем отпустите и изображение станет ровным. Также этот инструмент хорошо подойдет для реставрации отсканированных фотографий.
7. Специальные фильтры и эффекты:
Удаление эффекта красных глаз. Данный инструмент предназначен для удаления эффекта красных глаз. Выберите данный инструмент и установите курсор на нужной области и кликните по ней и красный цвет станет тёмным.
Рисование. Этот инструмент предназначен для рисования геометрических фигур: квадратов, кругов и линий чтобы не рисовать их вручную. Выберите данный инструмент, в верхней панели выберите нужную фигуру и разместите её на нужной области изображения.
Раздувание. Данный инструмент служит для раздувания выбранной области на изображении.  Выберите инструмент наведите курсор на нужную область и с каждым нажатием левой кнопки мыши область будет раздуваться.
Дисторсия. Этот инструмент противоположный раздуванию. Его функция представляет собой затягивание выделенной области внутрь, то есть края области будут сужаться к центру.
8. Прочие инструменты:
Пипетка. Данный инструмент предназначен для взятия пробы цвета. Выберите данный инструмент затем кликните им по нужному цвету и он станет цветом переднего фона, чтобы захватить цвет заднего фона нужно удерживать клавишу Shift.
Текст. Инструмент предназначен для добавления текста в изображение. Выберите инструмент и кликните в область изображения где нужно разместить текст, появится окошко в которое введите ваш текст, выберите параметры и размер шрифта и нажмите Да. Переместить текст можно с помощью инструмента Перемещение.
Рука. При помощи данного инструмента мы можете перемещаться по изображение с большим разрешением или по увеличенному изображению. Для этого выберите данную функцию, нажмите и удерживая кнопку мыши переместите изображение.
Лупа.  Данный инструмент служит для приближения либо отдаления изображения. Выберите данную функцию и кликая на нужную область приблизьте изображение.

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

 

Не забудьте поделиться онлайн редактором с друзьями в соц. сетях:

 

Смешать цвета онлайн — IMG online

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

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

Пример смешивания красного и жёлтого цвета на этом сайте, под каждым цветом показан HEX (html) код:

Цвет №1+Цвет №2=Результат
#FF0000#FFED00#FF7700

Пример смешивания весенне-зелёного и маджента (фиолетового) цвета, которые можно взять из палитры:

Цвет №1+Цвет №2=Результат
#00FF7F#FF00FF#7F7FBF

Пример смешивания красного и синего цвета:

Цвет №1+Цвет №2=Результат
#FF0000#0047AB#7F2356

Пример смешивания синего и жёлтого цвета:

Цвет №1+Цвет №2=Результат
#0047AB#FFED00#7F9956

Если интересно, то на этом сайте также есть определение основных цветов картинки с отображением таблицы этих цветов в hex и rgb формате, а также прорисовкой полученной палитры справа от обработанной картинки.

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

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