Как раскрасить чб фото в фотошопе


Раскраска черно-белого фото в Photoshop вручную

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

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

Откройте черно-белую фотографию. Я использовала кадр из фильма «Головокружение» Альфреда Хичкока:

Выберите Изображение – Режим — RGB. Теперь мы собираемся выбирать различные части изображения и вставлять их в новые отдельные слои. Здесь нам пригодятся быстрые маски.

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

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

Когда вы закончите, у вас должны быть выделены только участки кожи (без одежды, без глаз, без фона!). Снова нажмите Q, чтобы переключиться из режима быстрой маски обратно в нормальный режим. Вы увидите, что области, которые окрашены в черный теперь выделены. Теперь мы должны инвертировать выделение, нажав Shift + Ctrl + I (Win) или Shift + Ctrl + I (Mac).

Скопируйте выделение, нажав Ctrl + C (Win) или Cmd + C (Mac).

Вставьте скопированную часть, нажав Ctrl + V (Win) или Cmd + V (Mac). Таким образом, вы вставите выделенные участки кожи в новом слое. Переименуйте слой в палитре «Слоев» (дважды кликните по его текущему имени — Layer 1) и назовите его, например, Skin:

Теперь повторите шаги с 3 по 7, чтобы получить слои для волос, одежды (у мужчины и женщины два отдельных слоя), обоев на стене и всего, что вы захотите. В конечном итоге палитра слоев должна выглядеть примерно так:

Теперь, когда каждая часть была выделена, мы можем начать раскраску!

Нажмите на слой кожи, чтобы выбрать его. Выберите Слой — Новая корректировка – Слой — Баланс цвета. Я назвал новый корректирующий слой «Skin», а также установил флажок для опции «Использовать предыдущий слой для создания обтравочной маски». Затем нажмите ОК:

В открывшемся диалоговом окне «Баланс цвета» вы можете задать, какой цвет хотите настроить. Если хотите раскрасить объекты в цвета инопланетян, вы, возможно, создадите для них зеленую или голубую кожу. Для своего изображения я использовала следующие настройки:

  • Тени: +81 -8 -31;
  • Полутона: +12 -7 -17;
  • Подсветка: +8 4 -9:

Нажмите ОК, и вы создадите корректирующий слой, который не изменяет пиксели исходного изображения. Чтобы вернуться и изменить какие-либо параметры, дважды щелкните по иконке с фигурами:
Уже выглядит довольно круто!

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


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

Данная публикация представляет собой перевод статьи «Hand Colouring A Black And White Photo In Photoshop - Photoshop Tutorial» , подготовленной дружной командой проекта Интернет-технологии.ру

HTML Таблица цветовых кодов 🎨

HTML цветовых кодов и названий.

Палитра цветов HTML

Красный цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светлый лосось # FFA07A RGB (255,160,122)
лосось # FA8072 RGB (250,128,114)
темный лосось # E9967A RGB (233,150,122)
светло-коралловый # F08080 RGB (240,128,128)
индийский красный # CD5C5C RGB (205,92,92)
малиновый # DC143C RGB (220,20,60)
огнеупорный кирпич # B22222 RGB (178,34,34)
красный # FF0000 RGB (255,0,0)
темно-красный # 8B0000 RGB (139,0,0)

Оранжевый цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
коралл # FF7F50 RGB (255,127,80)
помидор # FF6347 RGB (255,99,71)
оранжево-красный # FF4500 RGB (255,69,0)
золото # FFD700 RGB (255 215,0)
оранжевый # FFA500 RGB (255,165,0)
темно-оранжевый # FF8C00 RGB (255,140,0)

Желтые тона

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светло-желтый # FFFFE0 RGB (255,255,224)
лимонный шифон #FFFACD RGB (255,250,205)
светло-золотисто-желтый # FAFAD2 RGB (250,250,210)
papayawhip # FFEFD5 RGB (255 239 213)
мокасины # FFE4B5 RGB (255 228 181)
персиковый # FFDAB9 RGB (255 218 185)
палево-золотой # EEE8AA RGB (238,232,170)
хаки # F0E68C RGB (240,230,140)
даркхаки # BDB76B RGB (189 183 107)
желтый # FFFF00 RGB (255,255,0)

Зеленые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
зеленый # 7CFC00 RGB (124,252,0)
шартрез # 7FFF00 RGB (127,255,0)
зеленовато-зеленый # 32CD32 RGB (50,205,50)
лайм # 00FF00 rgb (0.255,0)
лесозеленый # 228B22 RGB (34,139,34)
зеленый # 008000 RGB (0,128,0)
темно-зеленый # 006400 гб (0,100,0)
зелено-желтый # ADFF2F RGB (173,255,47)
желто-зеленый # 9ACD32 RGB (154,205,50)
весенне-зеленый # 00FF7F RGB (0,255,127)
средний весенний зеленый # 00FA9A RGB (0,250,154)
светло-зеленый # 90EE90 RGB (144 238 144)
палево-зеленый # 98FB98 RGB (152 251 152)
темно-синий # 8FBC8F RGB (143 188 143)
средний, зеленый # 3CB371 RGB (60,179,113)
морской зеленый # 2E8B57 RGB (46,139,87)
оливковое # 808000 RGB (128,128,0)
темно-оливковый, зеленый # 556B2F RGB (85,107,47)
оливедраб # 6B8E23 RGB (107,142,35)

Голубые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светло-голубой # E0FFFF RGB (224,255,255)
голубой # 00FFFF RGB (0,255,255)
аква # 00FFFF RGB (0,255,255)
аквамарин # 7FFFD4 RGB (127,255,212)
средний аквамарин # 66CDAA RGB (102 205 170)
палитра бирюза #AFEEEE RGB (175 238 238)
бирюза # 40E0D0 RGB (64 224 208)
средняя бирюза # 48D1CC RGB (72 209 204)
темно-бирюзовый # 00CED1 RGB (0,206,209)
светло-зеленый # 20B2AA RGB (32 178 170)
кадетсиний # 5F9EA0 RGB (95,158,160)
темно-синий # 008B8B RGB (0,139,139)
бирюзовый # 008080 RGB (0,128,128)

Синие цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
голубой # B0E0E6 RGB (176,224,230)
голубой # ADD8E6 RGB (173 216 230)
огни, голубой # 87CEFA RGB (135 206 250)
голубой # 87CEEB RGB (135,206,235)
темно-синий # 00BFFF rgb (0,191,255)
голубой # B0C4DE RGB (176,196,222)
dodgerblue # 1E90FF RGB (30,144,255)
васильковый # 6495ED RGB (100,149,237)
голубой # 4682B4 RGB (70,130,180)
королевский синий # 4169E1 RGB (65,105,225)
синий # 0000FF гб (0,0,255)
средний синий # 0000CD RGB (0,0,205)
темно-синий # 00008B RGB (0,0,139)
темно-синий # 000080 гб (0,0,128)
полуночно-синий # 191970 RGB (25,25,112)
средний голубой # 7B68EE RGB (123 104 238)
голубой # 6A5ACD RGB (106,90,205)
темно-синий # 483D8B RGB (72,61,139)

Пурпурный

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
лаванда # E6E6FA RGB (230,230,250)
чертополох # D8BFD8 RGB (216,191,216)
слива # DDA0DD RGB (221 160 221)
фиолетовый # EE82EE RGB (238 130 238)
орхидея # DA70D6 RGB (218,112,214)
фуксия # FF00FF гб (255,0,255)
пурпурный # FF00FF гб (255,0,255)
среднеорхид # BA55D3 RGB (186,85,211)
средне-фиолетовый # 9370DB RGB (147,112,219)
сине-фиолетовый # 8A2BE2 RGB (138,43,226)
темно-фиолетовый # 9400D3 RGB (148,0 211)
даркорхид # 9932CC RGB (153,50,204)
темно-пурпурный # 8B008B RGB (139,0,139)
фиолетовый # 800080 RGB (128,0,128)
индиго # 4B0082 RGB (75,0 130)

Розовые тона

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
розовый # FFC0CB RGB (255,192,203)
светло-розовый # FFB6C1 RGB (255 182 193)
хотпинк # FF69B4 RGB (255 105 180)
диппинк # FF1493 RGB (255,20,147)
палево-фиолетовый # DB7093 RGB (219 112 147)
средний фиолетовый # C71585 RGB (199,21,133)

Белый цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
белый #FFFFFF гб (255,255,255)
снег #FFFAFA RGB (255,250,250)
медовая роса # F0FFF0 RGB (240,255,240)
мятный крем # F5FFFA RGB (245,255,250)
лазурный # F0FFFF RGB (240,255,255)
aliceblue # F0F8FF RGB (240 248 255)
ghostwhite # F8F8FF RGB (248 248 255)
белый дым # F5F5F5 RGB (245 245 245)
ракушка # FFF5EE RGB (255 245 238)
бежевый # F5F5DC RGB (245 245 220)
oldlace # FDF5E6 RGB (253 245 230)
цветочный белый # FFFAF0 RGB (255,250,240)
слоновая кость # FFFFF0 RGB (255,255,240)
антикв белый # FAEBD7 RGB (250 235 215)
белье # FAF0E6 RGB (250,240,230)
бледно-лиловый # FFF0F5 RGB (255 240 245)
туманная роза # FFE4E1 RGB (255 228 225)

Серые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
Gainsboro #DCDCDC RGB (220,220,220)
светло-серый # D3D3D3 RGB (211 211 211)
серебро # C0C0C0 RGB (192,192,192)
темно-серый # A9A9A9 RGB (169 169 169)
серый # 808080 RGB (128,128,128)
димгрей # 696969 RGB (105,105,105)
серый свет # 778899 RGB (119,136,153)
серый # 708090 RGB (112,128,144)
темно-серый # 2F4F4F RGB (47,79,79)
черный # 000000 гб (0,0,0)

Коричневые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
корнсилк # FFF8DC RGB (255 248 220)
бланшированный миндаль #FFEBCD RGB (255 235 205)
бисквит # FFE4C4 RGB (255 228 196)
навайовит #FFDEAD RGB (255 222 173)
пшеница # F5DEB3 RGB (245 222 179)
бурливуд # DEB887 RGB (222 184 135)
загар # D2B48C RGB (210,180,140)
розово-коричневый # BC8F8F RGB (188 143 143)
песочно-коричневый # F4A460 RGB (244,164,96)
золотарник # DAA520 RGB (218,165,32)
перу # CD853F RGB (205,133,63)
шоколад # D2691E RGB (210,105,30)
седло-коричневый # 8B4513 RGB (139,69,19)
сиена # A0522D RGB (160,82,45)
коричневый # A52A2A RGB (165,42,42)
бордовый # 800000 RGB (128,0,0)


См. Также

Напишите, как улучшить эту страницу

Этот веб-сайт использует файлы cookie для улучшения вашего опыта, анализа трафика и отображения рекламы.Учить больше .

Онлайн-инструмент для смешивания цветов - бесплатный инструмент для смешивания цветов!

Как смешивать цвета?

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

Нажимая на цветные кружки, вы фактически добавляете в смесь одну каплю / часть красителя.Вы можете нажать «минус», чтобы уменьшить количество капель.
Для получения нужных цветовых пропорций можно добавить 2, 3 или более капель одного вида краски. Соотношение смешивания отображается в процентах. В смесь также можно добавить воду. Одна часть воды = 100 мл.
Также вы можете разместить на палитре неограниченное количество цветов.
Сверху вы видите 2 вкладки: микшер и палитра. Просто щелкните палитру, чтобы увидеть все сохраненные цвета.

  • Щелкните Сбросить для обновления текущего микса (не палитры).
  • Щелкните в любом месте смешанной области, чтобы сохранить текущий цвет.
  • Щелкните «», чтобы просмотреть сохраненный цвет.
  • Щелкните удалить на вкладке палитры, чтобы удалить сохраненный цвет.

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

.

HTML цветовых кодов

Таблица цветов HTML

Щелкните любой цветной квадрат, чтобы получить его цветовой код HTML.

Теория цветовых кодов HTML

Итак, вы задаетесь вопросом: «Имеет ли эта странная комбинация букв и цифр какое-либо значение?» Что ж, ответ - "Да", и так оно и есть :)

Формат HTML-кодов:
Каждый код HTML содержит символ «#» и 6 букв или цифр. Эти числа представлены в шестнадцатеричной системе счисления.Например, «FF» в шестнадцатеричном формате представляет собой число 255 в десятичном формате.

Значение символов:
Первые два символа в цветовом коде HTML представляют интенсивность красного цвета и цвета. 00 - наименьшее, а FF - наиболее интенсивное. Третий и четвертый представляют интенсивность зеленого , а пятый и шестой представляют интенсивность синего . Таким образом, комбинируя интенсивность красного, зеленого и синего, мы можем смешать практически любой цвет, который пожелает наше сердце;)

Примеры:
# FF0000 - С помощью этого HTML-кода мы указываем браузеру показывать максимум красного цвета, а не зеленого и синего.Результат конечно чистый красный цвет:

# 00FF00 - Этот HTML-код показывает только зеленый цвет, а не красный и синий. Результат:

# 0000FF - Этот HTML-код показывает только синий цвет, а не красный и зеленый. Результат:

# FFFF00 - Комбинация красного и зеленого цветов дает нам желтый:

#CCEEFF - Возьмите немного красного, немного больше зеленого и максимум синего, чтобы получить цвет неба:

Поддержите этот сайт

Поддержите этот веб-сайт, разместив на нем ссылки.Все, что вам нужно сделать, это разместить приведенный ниже код на своем веб-сайте. Или распространите информацию в социальных сетях (Twitter, Facebook):

цветовые коды HTML

.

Смотрите также

Только новые статьи

Введите свой e-mail

Видео-курс

Blender для новичков

Ваше имя:Ваш E-Mail: