Картинки палитры цветов: Attention Required! | Cloudflare

---

22.02.2021 Разное

---

Цветовые палитры — CG Magazine

Супер-простой способ создания собственных цветовых палитр.

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

1. Ограничивайте палитру!

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

Вся коробка – нет. Всего три цвета вроде синего, голубого и розового – да.

2. Тёплые и холодные цвета, светлые и тёмные цвета.

Посмотрите на эту табличку. Столбцы в ней – тёплые и холодные цвета, строки – тёмные и светлые цвета.

Две противоположные клеточки – ни в коем случае не соседние – это основа вашей палитры.

Тёмно-красный (тёмный и тёплый) здесь пойдёт с голубым (холодным и светлым), а синий (тёмный и холодный) – с розовым (тёплым светлым).

3. Выберите доминирующий цвет.

Какой вы задумываете вашу будущую картинку – в большей степени тёмной или в большей степени светлой? В холодной или тёплой гамме?

4. Расширьте доминирующую категорию.

Подберите ещё 3-4 оттенка доминирующего цвета. Постарайтесь их подбирать так же по принципу тона и светлоты, как во втором шаге.

В примере приведены более тёмный и холодный и более светлый и тёплый оттенки синего цвета.

5. Расширьте второстепенную категорию.

Всё как в предыдущем шаге, но в меньшей степени – тут будет достаточно одного-двух оттенков.

В примере приведены более тёмный и холодный и более светлый и тёплый оттенки розового цвета.

6. Подумайте над пропорцией.

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

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

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

А теперь кисти в руки и пошли красить! 🙂

В оформлении использованы кадры из комиксов автора туториала.

Палитра цветов для сайта — подбираем в сервисе Adobe Color

Как подобрать цветовую гамму для сайта? Если у вас нет дизайнерских навыков, но хочется, чтобы цвета сайта гармонично сочетались между собой, воспользуемся сервисом. Это палитра цветов Adobe Color.

Зачем нужна палитра цветов?

Программа Adobe Color подойдёт не только создателям сайтов, но и оформителям сообществ социальных сетей. Профессиональным дизайнерам и любителям. Создателям открыток и шаблонов. Женщинам и мужчинам, следящим за модой. Любому человеку, которому захотелось поиграть цветами.

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

Кроме того, повлиять на поведенческие факторы могут и кислотные цвета. Которые просто не дадут сосредоточиться на контенте. Да, они привлекут внимание несомненно. Но можно ли читать и вникать в текст, когда кругом кричащие цвета? А если человек итак провёл весь день за компьютером, а затем попал на такой сайт в конце трудового дня?

Палитра цветов для сайта Adobe Color

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

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

Палитра цветов — инструкция по работе в Adobe Color

Теперь разберёмся, как работать с палитрой цветов в программе. Заходим в сервис Adobe Color и регистрируемся. Можно обойтись и без этого, но тогда вы не сможете сохранять палитры в библиотеке. Впрочем, чтобы сэкономить время, можно авторизоваться через Facebook. Итак, пройдёмся по разделам и вкладкам Adobe Color.

Раздел «Создать»:

Цветовой круг

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

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

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

Листаем чуть ниже. Обратите внимание, что слева можно развернуть вкладку и выбрать цветовой режим из RGB, CMYK, HSV и LAB. В зависимости от этого будут меняться бегунки, но цвет остаётся тем же. Передвигая их в среднем столбце, будет меняться цвет посередине. И подходящие к нему тона в левых и правых блоках.

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

• Последовательная
• Монохромная
• Треугольная
• Комплементарная
• Сплит-комплементарная цветовая схема
• Двойная сплит-комплементарная
• Квадратная
• Составная
• Оттеночная
• Произвольная (для ваших изменений)

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

Извлечение темы

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

Слева также располагаются цветовые настроения темы. Красочное, яркое, приглушённое, насыщенное и тёмное. Когда группа будет собрана, сохраните её в библиотеку. Сохранять можно как с публикацией в сервисе Adobe Color, так и скрыто. А кроме того, придумывать произвольное имя подборки.

Извлечение градиента

Новинка в Adobe Color — извлечение градиента. Загрузка картинки происходит аналогичным образом. А слева обратите внимание на выбор количества точек градиента. Данная функция удобна тем, что при наведении курсора на цветовой блок, можно скопировать его номер. А затем в разделе «Цветовой круг» вставить его в основной столбец и поиграть цветами.

Цветовая игра

В последней вкладке данного раздела разработчики сервиса Adobe Color разместили игру. Так что, если совсем нечем заняться, можно поиграть и потренировать память.

Раздел «Смотреть»

Если вас ещё не посетили идеи по поводу цветового оформления сайта, зайдите в раздел «Смотреть». Изучайте все источники или разверните вкладку справа. И откройте Цветовые темы, Творческие проекты или Фотографии Stock, чтобы смотреть готовые решения. Наслаждайтесь и вдохновляйтесь красивыми видами, пока не определитесь.

Тенденции

Ещё один вариант подбора палитры цветов для сайта. В тенденциях моды вы найдёте изображения с готовыми схемами. Наведите курсор и сохраните наиболее симпатичные варианты. В дальнейшем вы можете редактировать их в разделе «Цветовой круг».

Моя библиотека

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

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

Также можно опубликовать в Adobe Color. Продолжить редактировать в цветовом круге. Или удалить. Ну а чтобы применить какой-либо цвет из палитры на сайте, просто копируйте, нажав на блок. А затем вставляйте в нужное место в файле CSS.

Дополнение

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

Как должна выглядеть цветовая палитра для сайта? Определённого ответа нет. У всех свои предпочтения. Также может зависеть и от тематики сайта. Возможно, у вас уже есть логотип фирмы. Тогда можно воспользоваться извлечением темы или градиента.

Будет зависеть и от целевой аудитории. Например, если это детский портал с развлекательным контентом, то цвета можно подобрать «весёлые». А если посетителями являются взрослые и деловые люди, то подойдёт более сдержанная палитра цветов.

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

---

Воспользуйтесь инструкцией по созданию графических дизайнов в сервисе Canva. И узнайте о списке других полезных программ для вебмастеров.

12 лучших инструментов для работы с цветом

1. Color

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

Перейти →

2. Color — Method of Action

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

Перейти →

3. Color Hunt

Отборная коллекция отличных палитр цветов. Обновляется ежедневно.

Перейти →

4. Colorful Gradients

Коллекция градиентов, которые автоматически создаются компьютером 48 раз в день.

Перейти →

5. BrandColors

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

Перейти →

6. Coolors

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

Перейти →

7. Color Hex Color Codes

Color Hex — простой в использовании инструмент, позволяющий получить всю информацию о цвете, включая цветовые модели RGB, HSL, HSV и CMYK, а также CSS и HTML-коды.

Перейти →

8. Material Palette

Генератор цветовых палитр для материального дизайна.

Перейти →

9. Colourcode — find your colour scheme

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

Перейти →

10. Adobe Color CC

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

Перейти →

11. Sip

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

Перейти →

12. COLOURlovers

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

Перейти →

Color — Material-UI

Передайте значение через цвет. Из коробки вы получаете доступ ко всем цветам в спецификации Material Design.

Цветовую систему Material Design можно использовать для создания цветовой темы, отражающей ваш бренд или стиль.

Выбор цветов

Официальный инструмент цвета

Команда Material Design также создала замечательный инструмент настройки палитры: material.io/resources/color/. Это может помочь вам создать цветовую палитру для вашего пользовательского интерфейса, а также измерить уровень доступности любой цветовой комбинации.

Вывод может быть передан в функцию createMuiTheme () :

  импортировать {createMuiTheme} из '@ material-ui / core / styles';

const theme = createMuiTheme ({
  palette: {
    primary: {
      свет: '# 757ce8',
      основная: '# 3f50b5',
      темно: '# 002884',
      ContraText: '#fff',
    },
    вторичный: {
      свет: '# ff7961',
      основной: '# f44336',
      темно: '# ba000d',
      ContraText: '# 000',
    },
  },
}); 
  

Детская площадка

Для тестирования материала. io / design / color цветовая схема с документацией Material-UI, просто выберите цвета с помощью палитры и ползунков ниже. Кроме того, вы можете ввести шестнадцатеричные значения в основные и дополнительные текстовые поля.

Результат, показанный в образце цвета, можно вставить непосредственно в функцию createMuiTheme () (для использования с ThemeProvider ):

  импортировать {createMuiTheme} из '@ material-ui / core / styles';
импортировать фиолетовый из '@ material-ui / core / colors / purple';

const theme = createMuiTheme ({
  palette: {
    primary: {
      основной: фиолетовый [500],
    },
    вторичный: {
      основной: '# f44336',
    },
  },
}); 
 
  

Необходимо предоставить только основных оттенков (если вы не хотите дополнительно настраивать светлый , темный или ContrastText ), так как другие цвета будут рассчитаны с помощью createMuiTheme () , как описано в настройке темы раздел.

Если вы используете основные и / или второстепенные оттенки по умолчанию, тогда, предоставляя объект цвета, createMuiTheme () будет использовать соответствующие оттенки из цвета материала для основного, светлого и темного.

Инструменты сообщества

• create-mui-theme: это онлайн-инструмент для создания тем Material-UI с помощью Material Design Color Tool.
• material-ui-theme-editor: инструмент для создания тем для ваших приложений Material-UI путем простого выбора цветов и предварительного просмотра в реальном времени.
• Генератор палитры материалов: Генератор палитры материалов можно использовать для создания палитры для любого цвета, который вы вводите.

2014 Цветовые палитры Material Design

Эти цветовые палитры, первоначально созданные Material Design в 2014 году, состоят из цветов, которые гармонично сочетаются друг с другом, и могут использоваться для разработки палитры вашего бренда. Чтобы создать свои собственные гармоничные палитры, используйте инструмент создания палитры.

Важные термины

• Палитра : Палитра — это набор цветов, т.е.е. оттенки и их оттенки. Material-UI предоставляет все цвета из руководств по материальному дизайну. Эта цветовая палитра была разработана с использованием цветов, которые гармонично сочетаются друг с другом.
• Оттенок «&» Оттенок : один цвет в палитре состоит из оттенка, например «красный», и оттенка, например «500». «красный 50» — самый светлый оттенок красного ( розовый! ), а «красный 900» — самый темный. Кроме того, большинство оттенков имеют «акцентные» оттенки с префиксом A .

Цветовая палитра

Учитывая HUE (красный, розовый и т. Д.) И SHADE (500, 600 и т. Д.), Вы можете импортировать цвет следующим образом:

  import  

Get Palettes — Коллекция цветовых палитр

по лайкам по дате Создать палитру Создать палитру

• Красный
• Коричневый
• оранжевый
• Желтый
• Зеленый
• бирюза
• Синий
• фиолетовый
• Розовый
• Серый
• Черный
• Белый

Избранное:

#ffdecf

Скопировано!

# ba7967

Скопировано!

# 5e6f64

Скопировано!

# 3f4441

Скопировано!

32

3 месяца назад

# B5EFB2

Скопировано!

# E8EF96

Скопировано!

# D5A9EF

Скопировано!

# 88BBEF

Скопировано!

30

4 месяца назад

# f0ece3

Скопировано!

# dfd3c3

Скопировано!

# c7b198

Скопировано!

# 596e79

Скопировано!

28

3 месяца назад

# fff0f0

Скопировано!

# ebd4d4

Скопировано!

# 835858

Скопировано!

# 463333

Скопировано!

26

3 месяца назад

# 838383

Скопировано!

# ad9d9d

Скопировано!

# d9adad

Скопировано!

#fccbcb

Скопировано!

24

3 месяца назад

# 222831

Скопировано!

# 393e46

Скопировано!

# 00adb5

Скопировано!

#eeeeee

Скопировано!

22

3 месяца назад

# e4e3e3

Скопировано!

# 84a9ac

Скопировано!

# 3b6978

Скопировано!

# 204051

Скопировано!

21 год

3 месяца назад

# 08d9d6

Скопировано!

# 252a34

Скопировано!

# ff2e63

Скопировано!

#eaeaea

Скопировано!

20

3 месяца назад

# e0ece4

Скопировано!

# f7f2e7

Скопировано!

# d8d3cd

Скопировано!

# 797a7e

Скопировано!

19

3 месяца назад

# 1a1a2e

Скопировано!

# 16213e

Скопировано!

# 0f3460

Скопировано!

# e94560

Скопировано!

19

3 месяца назад

# 838383

Скопировано!

# ad9d9d

Скопировано!

# d9adad

Скопировано!

#fccbcb

Скопировано!

18

3 месяца назад

# 557571

Скопировано!

# d49a89

Скопировано!

# f7d1ba

Скопировано!

# f4f4f4

Скопировано!

17

3 месяца назад

# ff9a76

Скопировано!

#ffeadb

Скопировано!

# f7c5a8

Скопировано!

# 679b9b

Скопировано!

16

3 месяца назад

# d789d7

Скопировано!

# 9d65c9

Скопировано!

# 5d54a4

Скопировано!

# 2a3d66

Скопировано!

15

3 месяца назад

# f6f6f6

Скопировано!

# ffe2e2

Скопировано!

# ffc7c7

Скопировано!

#aaaaaa

Скопировано!

15

3 месяца назад

# ffd5cd

Скопировано!

#efbbcf

Скопировано!

# c3aed6

Скопировано!

# 8675a9

Скопировано!

15

3 месяца назад

# fabea7

Скопировано!

# fbe2e5

Скопировано!

# 9cada4

Скопировано!

# 767c77

Скопировано!

14

3 месяца назад

# 6f4a8e

Скопировано!

# 221f3b

Скопировано!

# 050505

Скопировано!

#ebebeb

Скопировано!

14

3 месяца назад

# ebecf1

Скопировано!

# d6e0f0

Скопировано!

# 8d93ab

Скопировано!

# 393b44

Скопировано!

14

3 месяца назад

# 7d0633

Скопировано!

# 31112c

Скопировано!

# f2a07b

Скопировано!

# fbdcc4

Скопировано!

14

3 месяца назад

# f9ed69

Скопировано!

# f08a5d

Скопировано!

# b83b5e

Скопировано!

# 6a2c70

Скопировано!

13

3 месяца назад

# ffdbc5

Скопировано!

# cf1b1b

Скопировано!

# 900d0d

Скопировано!

# 423144

Скопировано!

13

3 месяца назад

# 3b2e5a

Скопировано!

# 394989

Скопировано!

# 4ea0ae

Скопировано!

# fff48f

Скопировано!

13

3 месяца назад

# ecf4f3

Скопировано!

# 68b0ab

Скопировано!

# 006a71

Скопировано!

# ff7e67

Скопировано!

13

3 месяца назад

# 931a25

Скопировано!

# e97171

Скопировано!

# ffcb8e

Скопировано!

# f5efef

Скопировано!

13

3 месяца назад

#eeecda

Скопировано!

# f08a5d

Скопировано!

# b83b5e

Скопировано!

# 6a2c70

Скопировано!

13

3 месяца назад

# ffd5cd

Скопировано!

#efbbcf

Скопировано!

# c3aed6

Скопировано!

# 8675a9

Скопировано!

12

3 месяца назад

# 848ccf

Скопировано!

# 93b5e1

Скопировано!

# ffe4e4

Скопировано!

# be5683

Скопировано!

12

3 месяца назад

#dddddd

Скопировано!

# d9adad

Скопировано!

# 84a9ac

Скопировано!

# 89c9b8

Скопировано!

12

3 месяца назад

# f6f4e6

Скопировано!

# fddb3a

Скопировано!

# 52575d

Скопировано!

# 41444b

Скопировано!

12

3 месяца назад

# f7e7bd

Скопировано!

# d9c6a5

Скопировано!

# a35d6a

Скопировано!

# c26565

Скопировано!

12

3 месяца назад

# 2ec1ac

Скопировано!

# 3e978b

Скопировано!

# d2e603

Скопировано!

# eff48e

Скопировано!

12

3 месяца назад

# c4fbdb

Скопировано!

# f8cae4

Скопировано!

# a6ece2

Скопировано!

# f5da99

Скопировано!

12

3 месяца назад

# f38181

Скопировано!

# fce38a

Скопировано!

# eaffd0

Скопировано!

# 95e1d3

Скопировано!

11

3 месяца назад

# e8505b

Скопировано!

# f9d56e

Скопировано!

# f3ecc2

Скопировано!

# 14b1ab

Скопировано!

11

3 месяца назад

#cffffe

Скопировано!

# f9f7d9

Скопировано!

# fce2ce

Скопировано!

# ffc1f3

Скопировано!

11

3 месяца назад

# 00bcd4

Скопировано!

# b2ebf2

Скопировано!

# ff5722

Скопировано!

# dd2c00

Скопировано!

11

3 месяца назад

# 776d8a

Скопировано!

# f3e6e3

Скопировано!

# dbe3e5

Скопировано!

# d3c09a

Скопировано!

11

3 месяца назад

#ffcbcb

Скопировано!

# 70adb5

Скопировано!

# 407088

Скопировано!

# 132743

Скопировано!

11

3 месяца назад

# 625261

Скопировано!

# a6a6a4

Скопировано!

# e8e8e8

Скопировано!

# 89beb3

Скопировано!

11

3 месяца назад

#dcdcde

Скопировано!

# c2c2c2

Скопировано!

#aaaaaa

Скопировано!

# 989898

Скопировано!

10

3 месяца назад

# 68b0ab

Скопировано!

# 8fc0a9

Скопировано!

# c8d5b9

Скопировано!

# faf3dd

Скопировано!

10

3 месяца назад

# 4e89ae

Скопировано!

# 43658b

Скопировано!

# ed6663

Скопировано!

# ffa372

Скопировано!

10

3 месяца назад

# e0ece4

Скопировано!

# ff4b5c

Скопировано!

# 056674

Скопировано!

# 66bfbf

Скопировано!

10

3 месяца назад

# ffd571

Скопировано!

# bbd196

Скопировано!

# 56556e

Скопировано!

# 3c2946

Скопировано!

10

3 месяца назад

# f8efd4

Скопировано!

# edc988

Скопировано!

# de4463

Скопировано!

# 821752

Скопировано!

10

3 месяца назад

# 0278ae

Скопировано!

# 51adcf

Скопировано!

# a5ecd7

Скопировано!

# e8ffc1

Скопировано!

10

3 месяца назад

# 24a19c

Скопировано!

# 6ebfb5

Скопировано!

# ffc7c7

Скопировано!

# ff5f40

Скопировано!

9

3 месяца назад

# 99b898

Скопировано!

#feceab

Скопировано!

# ff847c

Скопировано!

# e84a5f

Скопировано!

9

3 месяца назад

#eeecda

Скопировано!

# f08a5d

Скопировано!

# b83b5e

Скопировано!

# 6a2c70

Скопировано!

9

3 месяца назад

# 2d4059

Скопировано!

# ea5455

Скопировано!

# decdc3

Скопировано!

# e5e5e5

Скопировано!

9

3 месяца назад

# b0cac7

Скопировано!

# f7d6bf

Скопировано!

# 318fb5

Скопировано!

# 005086

Скопировано!

9

3 месяца назад

# faf3dd

Скопировано!

# 64958f

Скопировано!

# 065c6f

Скопировано!

# ffbb91

Скопировано!

9

3 месяца назад

# ff7171

Скопировано!

# ffaa71

Скопировано!

# 6e6d6d

Скопировано!

#ececec

Скопировано!

9

3 месяца назад

# ed6663

Скопировано!

# b52b65

Скопировано!

# 3c2c3e

Скопировано!

# 59405c

Скопировано!

9

3 месяца назад

# f4f4f4

Скопировано!

# f0a500

Скопировано!

# cf7500

Скопировано!

# 1a1c20

Скопировано!

9

3 месяца назад

# ff9a76

Скопировано!

#ffeadb

Скопировано!

# 679b9b

Скопировано!

# 637373

Скопировано!

9

3 месяца назад

# 726a95

Скопировано!

# 709fb0

Скопировано!

# a0c1b8

Скопировано!

# f4ebc1

Скопировано!

9

3 месяца назад

#eeeeee

Скопировано!

# 32e0c4

Скопировано!

# 0d7377

Скопировано!

# 212121

Скопировано!

9

3 месяца назад

# 0f3057

Скопировано!

# 00587a

Скопировано!

# 008891

Скопировано!

# e7e7de

Скопировано!

9

3 месяца назад

# ff9a76

Скопировано!

#ffeadb

Скопировано!

# f7c5a8

Скопировано!

# 679b9b

Скопировано!

9

2 месяца назад

# c7a87d

Скопировано!

#fcfcfc

Скопировано!

# d1e6de

Скопировано!

# e69991

Скопировано!

9

2 месяца назад

# e1b3a4

Скопировано!

# e2c1b5

Скопировано!

# eac5b8

Скопировано!

# ba9988

Скопировано!

9

2 месяца назад

# edcfa9

Скопировано!

# e89f71

Скопировано!

# d57149

Скопировано!

# aa4a30

Скопировано!

8

3 месяца назад

# f6f6f6

Скопировано!

# ffbb91

Скопировано!

# ff8e6e

Скопировано!

# 515070

Скопировано!

8

3 месяца назад

#fbecec

Скопировано!

# 91d18b

Скопировано!

# e11d74

Скопировано!

# 440047

Скопировано!

8

3 месяца назад

# 2

Скопировано!

# 87431d

Скопировано!

# c87941

Скопировано!

#dbcbbd

Скопировано!

8

3 месяца назад

# f8bd7f

Скопировано!

# 00416d

Скопировано!

# f5f1da

Скопировано!

# e3dfc8

Скопировано!

8

10 сайтов для игры с цветами и создания цветовых палитр

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

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

Цветовая палитра в ее простейшем определении — это диапазон цветов, который используется для визуального согласования графики или цветной работы.Возьмем пример нашего собственного веб-сайта, который был разработан с использованием единой цветовой комбинации для всего сайта. Примером конкретной палитры является палитра безопасных для Интернета цветов (набор из 216 цветов), благодаря которой они выглядят одинаково в браузерах и ОС.

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

Назовите это сообществом любителей цвета. Или «˜цветное» сообщество, потому что все это творческие люди, которые делятся цветовыми палитрами и узорами. Веб-сайт хорошо организован с такими разделами, как Каналы (которые демонстрируют использование цвета для свадеб, дома, моды и т. Д.) И Trends ( указатель того, что происходит с цветом в различных носителях). Но для более практической работы ознакомьтесь с Tools , где вы можете создавать палитры и шаблоны. Возможно, вас заинтересует Themeleon, который позволяет создавать собственные темы для вашего профиля в Twitter.

Один из наших читателей предложил инструмент Adobe в нашем посте «Как найти идеальную цветовую схему». Вы можете создавать крутые вариации на основе изображения или цветового круга. Если вы наткнетесь на белую стену, вы можете просмотреть множество цветовых тем с более крутыми названиями, которые уже есть на сайте. Попробуйте Pulse , где вы можете просматривать тысячи цветовых тем, просто щелкая гистограмму или цветовое колесо. Вы можете сразу скопировать значения цвета в буфер обмена.

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

Используя мышь и произвольное изображение сайта Flickr (или ваше собственное), вы можете создавать цветовые схемы. Вы можете выбирать и опускать цвета для дальнейшей настройки вашей схемы. Вы также можете получать цвета с веб-сайтов, указав URL-адрес.

Тукан

Редактор цветовой палитры — один из онлайн-инструментов Aviary. Вы можете выбрать до 20 цветов в палитре, используя цветовые комбинации или загруженное изображение. Вы можете импортировать изображения из Flickr, Picasa, Tumblr и Facebook. Также предоставляется импорт из URL-адреса, но я получал неизвестную ошибку. Toucan также позволяет вам проверить и предварительно просмотреть окончательную палитру с помощью раскрывающегося списка с вариантами дефицита цвета.

Цветовая палитра FX [Неработающий URL-адрес удален]

Если вы хотите создать цветовую палитру из загруженного изображения, Color Palette FX — один из самых простых инструментов. Загрузите JPEG или PNG, и палитра будет создана для вас. Сортируйте палитры по оттенку, насыщенности, яркости или частоте цвета, а затем экспортируйте их в свое графическое приложение.

Онлайн-инструмент начинается с множества цветовых блоков, на которые вы можете навести указатель мыши и расширить палитры, чтобы редактировать их. Другие инструменты включают Color Galaxy (набор из 27 цветовых баз данных), Color Sphere (для правильных цветовых схем и гармонии), Color Studio (создавайте свои собственные цвета), Библиотеку преобразования цветов и многое другое.

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

Генопал

Как и последний веб-инструмент, Genopal также предоставляет цветному дизайнеру выбор инструментов, таких как инструмент для создания палитры из изображений и слов. Забавный и интересный инструмент — это инструмент для перекраски, который позволяет применить цвет к любому загруженному изображению. Например, Pic2Graphics позволяет передавать «цветовое настроение» между двумя изображениями.

Поскольку наши глаза иногда могут нам лгать, эти онлайн-инструменты цветовой палитры помогают смешать «несовпадающие» и опробовать множество вариантов, прежде чем вы остановитесь на правильном. Какой инструмент цвета вы выберете? Дайте нам знать.

Изображение: geishaboy500

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

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

Об авторе Сайкат Басу (Опубликовано 1539 статей)

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

Больше От Сайката Басу

Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.