Палитра html: HTML CSS Палитра цветов

Leave a Comment / Html / By /

Содержание

Палитра цветов HTML и CSS для сайта: онлайн и в фотошопе

Содержание:

  • Как поменять цвет и на что ориентироваться начинающему дизайнеру и сайтостроителю
  • Как определить значения цветов. Еще 4 способа
    • Colorshame
    • Яндекс
    • Get-color
    • Фотошоп

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

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

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

Как поменять цвет и на что ориентироваться начинающему дизайнеру и сайтостроителю

Давайте на практике посмотрим, как обозначается цвет в коде. Все очень просто. Для этого используют тег font, если речь идет о форматировании текста. У него есть множество атрибутов. Одни отвечают за выравнивание слева или по центру, другие за шрифт, «color» за цвет. Он-то нам сейчас и нужен.

Вообще, этот атрибут применим не только для текстов в html, но и в документе CSS, который отвечает за стиль. Так что, если вы когда-нибудь увидите в скрипте «color», то далее будет значение, которое можно поменять на свое, и где-то обязательно преобразуется цвет. Если не забудете сохранить.

Как вы видите на моем примере, в кавычках стоит значение Red – красный и страничка в браузере сейчас выглядит так.

Можно поменять этот показатель на Yellow (желтый).

Сохраним страницу и обновляем ее в браузере при помощи клавиши F5. Как вы видите, цвет изменился.

Если вас заинтересовало, то можете скачать документ, который я использовал для скриншотов. Для того чтобы внести свои правки откройте его при помощи Notepad++, Adobe Dreamweaver или стандартного блокнота.

Скачать документ >>

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

Страница изменится, как и все правки, которые вы применили. Если впоследствии вас заинтересует работа с кодом, то могу порекомендовать вам два очень крутых и бесплатных курса. Один по Html. Благодаря ему можно научиться работе с тестовыми формами — «Бесплатный курс по HTML (33 видеоурока!)»

Второй по CSS. Он тоже бесплатный и научит работать с дизайном. «Бесплатный курс по CSS (45 видеоуроков!)». Не буду вдаваться в подробности различий, если уж заинтересует, оставьте комментарий к этой статье и я вам все объясню. Или скачивайте, это не будет стоить вам ни копейки. Везде есть вводная часть, в которой все подробно излагается.

Пока мы не ушли далеко от темы, вернемся к цветовой гамме.

Как определить значения цветов. Еще 4 способа

Существует два вида значения цвета в html. О первом вы уже узнали – это кодовое или ключевое слово. Все довольно просто, вставляете слово и цвет меняется. Многие браузеры знают даже такие цвета как лаймовый. Осталось дело за малым, чтобы дизайнер знал английский. С этим, как правило, сложнее.

Хотя и английского тут скорее всего будет недостаточно. Некоторых обозначений цвета и сам-то не знаешь. Даже на русском.

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

Код – этот состоит из решетки и шести символов: цифры или буквы «A», «B», «C», «D», «E», «F». Решетку можно не использовать, но некоторые браузеры могут не среагировать на ваш запрос и не поставить нужного оттенка, поэтому рекомендую все-таки ее вставлять.

На сайте это обозначение будет выглядеть вот так.

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

Colorshame

Мой любимый онлайн сервис для работы с цветами www.colorscheme.ru. Он бесплатный и на русском языке. Что еще нужно для счастья дизайнеру?

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

Щелкаете по значению и можно скопировать.

Подсказки также вылезают и при наведении на понравившийся оттенок.

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

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

Вот так выглядит таблица.

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

Так и с кодом из второй.

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

Яндекс

Еще один вариант – помощник от Яндекс. Это очень быстрый способ определения кода. Вы просто вставляете название цвета в поисковую строчку и жмете «Поиск».

А вот и желанный шифр.

Вы можете переходить от одного оттенка к другому кликом внутри этой палитры.

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

Есть и другой, похожий, интересный и забавный ресурс.

Get-color

Если помимо самого цвета и кода, вам интересны еще и названия, то рекомендую сервис www.get-color.ru.

Заходите на сайт. Сначала выбираете по основному кругу справа, затем внутри квадрата оттенок.

Под плашкой с выбранным оттенком находится вся основная информация о нем.

Можно кликнуть на тот, на который похож выбранный цвет и вам покажут 100% вариант.

Иногда можно увидеть забавнейшие названия.

Фотошоп

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

Можно выставить галочку напротив веб-цветов, чтобы не видеть лишнего.

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

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

До новых встреч и удачи в ваших начинаниях.

Палитра цвета html — BEST SEO BLOG

Палитра цвета RGB, как правильно задавать цвета в CSS и Html .

Как известно, для решения задач по цветовому оформлению текста применяют общепринятое построение RGB ( то есть, Red — Красный, Green – Зеленый, и соответственно Blue — Синий)

Цветовая палитра RGB подразумевает использование лишь трех цветов, каждый из которых вполне может быть представлен с разным уровнем яркости. В CSS и Html коде для каждого цвета палитры можно определить один из 256 возможных цветовых градаций.

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

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

  1. Задав код цвета палитры для страницы в Html коде, определив яркость цветов RGB при помощи шестнадцатеричной системы исчисления
  2. Задав цвета в CSS по шестнадцатеричной системе счисления.

Разберемся с записью кода в шестнадцатеричной системе и гипертекстовой разметке. Для начала вспомним десятичную систему счисления – к примеру, если нам необходим белый цвет, то его код будет выглядеть как: 256 256 256, в случае с черным цветом: 0 0 0.

В отличие от десятичного кода, где присутствуют только цифры, шестнадцатеричная палитра содержит также и буквы латинского алфавита. То есть, в данном случае находит место своя определенная система представления цифр. Например, белый цвет в HTML задается как: #ffffff, а черный: #000000. Нетрудно заметить, что здесь 00 соответствует 0, а ff соответствует 256 (если перевести в десятеричную систему).

Таким образом, RGB палитра цвета Html, CSS поделена на каналы, каждому из которых отведено два шестнадцатеричных символа. Именно поэтому все цвета в Html коде построены из шести букв (приравненных к цифрам) и самих цифр. Следует отметить, что перед кодом ставится символ «#».

Разумеется, необходимость в ручном подборе кода цвета отсутствует – достаточно лишь запустить любой графический редактор, найти подходящий цвет, и в детальной информации увидеть код цвета в системе RGB. Есть и другой, более простой вариант – палитра цветов Html с кодами. Найти и скопировать ее себе.

Яндекс Цвета – выбор Html кода цвета в палитре RGB в Yandex выдаче.

Кроме всего прочего, выбрать цветовую схему для своего сайта можно и при помощи Яндекса. Для этого достаточно ввести в поисковую строку слово «цвет» или же само название необходимого вам цвета. В результате запроса, в выдаче будет отображена палитра Яндекс.Цвета. с помощью которой можно выполнить подбор цвета. В правом же углу можно будет увидеть код цвета в RGB и шестнадцатеричной системе, который используется при построении web документа.

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

Необходимо отметить, что некоторую часть цветов в гипертекстовой разметке вполне можно задать словом, например: «gray» — серый, «white» — белый, «black» — черный и т.п. Само собой, задать цвет в Html таким способом возможно лишь для не очень большого разнообразия цветов. Действительно, 16 млн. цветов  RGB при помощи слов невозможно найти ни в одном справочнике или таблице.

В валидаторе W3C 4. 01 (гипертекстовая разметка) представлена палитра из 16 основных оттенков, при помощи которых составлена таблица цветов CSS и Html и из которой видно, какие цвета можно задавать словами. 

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

Название цветов палитры RGB  в web-страницах, а также замена цвета самого текста при помощи атрибута color, примеры и методы использования цветовых кодов в CSS и Html.

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

Поэтому, ниже будет приведен пример указания цвета в HTML.

<body  bgcolor=»#ffd700″ text=»purple»>страница вашего сайта</body>

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

Раньше в  CSS для указания цвета текста в отдельно взятом участке, необходимо было прописывать тег «FONT» (не рекомендован W3C), а для того, чтобы задать цвет в него включали атрибут «color»:

<font color=»#ff0000″>текст, который нужно было окрасить в красный цвет</font>

Для того, чтобы окрасить некоторый элемент текста в нужный для вас цвет необходимо с помощью тега «FONT» прописать HTML код, который будет иметь следующий вид:

<font color=”#000bff”> Текст, цвет шрифт которого требуется заменить </p>

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

Палитра цвета RGB, подбор и определение HTML кода при помощи приложений работающих с цветами.

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

Немного ниже, мною будет приведен список программ для работы с цветом.

1. HTMLColor 2000

2. ColorPic

3. ColorMania

4. Just Color Picker

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

Палитра цветов html — Таблица безопасных цветов для фона сайта

Опубликовано: 08.11.2018 в категории: Полезное

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

Таблица «безопасных» цветов

255.255.204255.255.153255.255.102255.255.51255.255.0204.204.0
FFFFCCFFFF99FFFF66FFFF33
FFFF00		CCCC00
255.204.102255.204.0255.204.51204.153.0204.153.51153.102.0
FFCC66FFCC00FFCC33CC9900CC9933996600
255. 153.0255.153.51204.153.102204.102.0153.102.51102.51.0
FF9900FF9933CC9966CC6600996633663300
255.204.153255.153.102255.102.0204.102.51153.51.0102.0.0
FFCC99FF9966FF6600CC6633993300660000
255.102.51204.51.0255.51.0255.0.0204.0.0153.0.0
FF6633CC3300FF3300FF0000CC0000990000
255. 204.204255.153.153255.102.102255.51.51255.0.51204.0.51
FFCCCCFF9999FF6666FF3333FF0033CC0033
204.153.153204.102.102204.51.51153.51.51153.0.5151.0.0
CC9999CC6666CC3333993333990033330000
255.102.153255.51.102255.0.102204.51.102153.102.102102.51.51
FF6699FF3366FF0066CC3366996666663333
255. 153.204255.51.153255.0.153204.0.102153.51.102102.0.51
FF99CCFF3399FF0099CC0066993366660033
255.102.204255.0.204255.51.204204.102.153204.0.153153.0.102
FF66CCFF00CCFF33CCCC6699CC0099990066
255.204.255255.153.255255.102.255255.51.255255.0.255204.51.153
FFCCFFFF99FFFF66FFFF33FFFF00FFCC3399
204. 153.204204.102.204204.0.204204.51.204153.0.153153.51.153
CC99CCCC66CCCC00CCCC33CC990099993399
204.102.255204.51.255204.0.255153.0.204153.102.153102.0.102
CC66FFCC33FFCC00FF9900CC996699660066
204.153.255153.51.204153.51.255153.0.255102.0.153102.51.102
CC99FF9933CC9933FF9900FF660099663366
153. 102.204153.102.255102.0.204102.51.204102.51.15351.0.51
9966CC9966FF6600CC6633CC663399330033
204.204.255153.153.255102.51.255102.0.25551.0.15351.0.102
CCCCFF9999FF6633FF6600FF330099330066
153.153.204102.102.255102.102.204102.102.15351.51.15351.51.102
9999CC6666FF6666CC666699333399333366
51. 51.25551.0.25551.0.20451.51.2040.0.1530.0.102
3333FF3300FF3300CC3333CC000099000066
102.153.25551.102.2550.0.2550.0.2040.51.2040.0.51
6699FF3366FF0000FF0000CC0033CC000033
0.102.2550.102.20451.102.2040.51.2550.51.1530.51.102
0066FF0066CC3366CC0033FF003399003366
153. 204.25551.153.2550.153.255102.153.20451.102.1530.102.153
99CCFF3399FF0099FF6699CC336699006699
102.204.25551.204.2550.204.25551.153.2040.153.2040.51.51
66CCFF33CCFF00CCFF3399CC0099CC003333
153.204.204102.204.20451.153.153102.153.1530.102.10251.102.102
99CCCC		66CCCC339999669999006666336666
204. 255.255153.255.255102.255.25551.255.2550.255.2550.204.204
CCFFFF99FFFF66FFFF33FFFF00FFFF00CCCC
153.255.204102.255.20451.255.2040.255.20451.204.2040.153.153
99FFCC66FFCC33FFCC00FFCC33CCCC009999
102.204.15351.204.1530.204.15351.153.1020.153.1020.102.51
66CC9933CC9900CC99339966009966006633
102. 255.15351.255.1530.255.15351.204.1020.204.1020.153.51
66FF9933FF9900FF9933CC6600CC66009933
153.255.153102.255.10251.255.1020.255.10251.153.510.102.0
99FF9966FF6633FF6600FF66339933006600
204.255.204153.204.153102.204.102102.153.10251.102.510.51.0
CCFFCC99CC9966CC66669966336633003300
51. 255.510.255.510.255.00.204.051.204.510.204.51
33FF3300FF3300FF0000CC0033CC3300CC33
102.255.0102.255.5151.255.051.204.051.153.00.153.0
66FF0066FF3333FF0033CC00339900009900
204.255.153153.255.102102.204.0102.204.51102.153.5151.102.0
CCFF9999FF6666CC0066CC33669933336600
153. 255.0153.255.51153.204.102153.204.0153.204.51102.153.0
99FF0099FF3399CC6699CC0099CC33669900
204.255.102204.255.0204.255.51204.204.153102.102.5151.51.0
CCFF66CCFF00CCFF33CCCC99666633333300
204.204.102204.204.51153.153.102153.153.51153.153.0102.102.0
CCCC66CCCC33999966999933999900666600
255. 255.255204.204.204153.153.153102.102.10251.51.510.0.0
FFFFFFCCCCCC999999666666333333000000

 

Как пользоваться палитрой цветов html

В таблице представлены 36 сочетаний составленных из шести оттенков трех основных цветов красного, зеленого и синего.
Над каждым цветом указаны два значения.
RGB — для создания цвета в графическом редакторе.
HEX — для обозначения палитры цвета HTML.
Прописывая цвет html в таблице стилей css, не забывайте ставить «#» перед обозначением цвета.

<p>Красный текст</p>

Красный текст

Читайте так-же как выровнять элементы с помощью display flex css
Всем удачи!

Настройка палитр цветов и образцов цвета в Photoshop

Руководство пользователя Отмена

Поиск

Последнее обновление Jul 28, 2020 01:21:31 PM GMT | Также применяется к Adobe Photoshop CS6

  1. Руководство пользователя Photoshop
  2. Введение в Photoshop
    1. Мечтайте об этом. Сделайте это.
    2. Новые возможности Photoshop
    3. Редактирование первой фотографии
    4. Создание документов
    5. Photoshop | Часто задаваемые вопросы
    6. Системные требования Photoshop
    7. Перенос наборов настроек, операций и настроек
    8. Знакомство с Photoshop
  3. Photoshop и другие продукты и услуги Adobe
    1. Работа с графическим объектом Illustrator в Photoshop
    2. Работа с файлами Photoshop в InDesign
    3. Материалы Substance 3D для Photoshop
    4. Photoshop и Adobe Stock
    5. Работа со встроенным расширением Capture в Photoshop
    6. Библиотеки Creative Cloud Libraries
    7. Библиотеки Creative Cloud в Photoshop
    8. Работа в Photoshop с использованием Touch Bar
    9. Сетка и направляющие
    10. Создание операций
    11. Отмена и история операций
  4. Photoshop на iPad
    1. Photoshop на iPad | Общие вопросы
    2. Знакомство с рабочей средой
    3. Системные требования | Photoshop на iPad
    4. Создание, открытие и экспорт документов
    5. Добавление фотографий
    6. Работа со слоями
    7. Рисование и раскрашивание кистями
    8. Выделение участков и добавление масок
    9. Ретуширование композиций
    10. Работа с корректирующими слоями
    11. Настройка тональности композиции с помощью слоя «Кривые»
    12. Применение операций трансформирования
    13. Обрезка и поворот композиций
    14. Поворот, панорамирование, масштабирование и восстановление холста
    15. Работа с текстовыми слоями
    16. Работа с Photoshop и Lightroom
    17. Получение отсутствующих шрифтов в Photoshop на iPad
    18. Японский текст в Photoshop на iPad
    19. Управление параметрами приложения
    20. Сенсорные ярлыки и жесты
    21. Комбинации клавиш
    22. Изменение размера изображения
    23. Прямая трансляция творческого процесса в Photoshop на iPad
    24. Исправление недостатков с помощью восстанавливающей кисти
    25. Создание кистей в Capture и их использование в Photoshop
    26. Работа с файлами Camera Raw
    27. Создание и использование смарт-объектов
    28. Коррекция экспозиции изображений с помощью инструментов «Осветлитель» и «Затемнитель»
  5. Бета-версия веб-приложения Photoshop
    1. Часто задаваемые вопросы | Бета-версия веб-приложения Photoshop 
    2. Общие сведения о рабочей среде
    3. Системные требования | Бета-версия веб-приложения Photoshop
    4. Комбинации клавиш | Бета-версия веб-приложения Photoshop
    5. Поддерживаемые форматы файлов | Бета-вервия веб-приложения Photoshop
    6. Открытие облачных документов и работа с ними
    7. Совместная работа с заинтересованными сторонами
    8. Ограниченные возможности редактирования облачных документов
  6. Облачные документы
    1. Облачные документы Photoshop | Часто задаваемые вопросы
    2. Облачные документы Photoshop | Вопросы о рабочем процессе
    3. Работа с облачными документами и управление ими в Photoshop
    4. Обновление облачного хранилища для Photoshop
    5. Не удается создать или сохранить облачный документ
    6. Устранение ошибок с облачными документами Photoshop
    7. Сбор журналов синхронизации облачных документов
    8. Общий доступ к облачным документам и их редактирование
    9. Общий доступ к файлам и комментирование в приложении
  7. Рабочая среда
    1. Основные сведения о рабочей среде
    2. Более быстрое обучение благодаря панели «Новые возможности» в Photoshop
    3. Создание документов
    4. Работа в Photoshop с использованием Touch Bar
    5. Галерея инструментов
    6. Установки производительности
    7. Использование инструментов
    8. Сенсорные жесты
    9. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    10. Обзорные версии технологии
    11. Метаданные и комментарии
    12. Комбинации клавиш по умолчанию
    13. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    14. Помещение изображений Photoshop в другие приложения
    15. Установки
    16. Комбинации клавиш по умолчанию
    17. Линейки
    18. Отображение или скрытие непечатных вспомогательных элементов
    19. Указание колонок для изображения
    20. Отмена и история операций
    21. Панели и меню
    22. Помещение файлов
    23. Позиционирование элементов с привязкой
    24. Позиционирование с помощью инструмента «Линейка»
    25. Наборы настроек
    26. Настройка комбинаций клавиш
    27. Сетка и направляющие
  8. Разработка содержимого для Интернета, экрана и приложений
    1. Photoshop для дизайна
    2. Монтажные области
    3. Просмотр на устройстве
    4. Копирование CSS из слоев
    5. Разделение веб-страниц на фрагменты
    6. Параметры HTML для фрагментов
    7. Изменение компоновки фрагментов
    8. Работа с веб-графикой
    9. Создание веб-фотогалерей
  9. Основные сведения об изображениях и работе с цветом
    1. Изменение размера изображений
    2. Работа с растровыми и векторными изображениями
    3. Размер и разрешение изображения
    4. Импорт изображений из камер и сканеров
    5. Создание, открытие и импорт изображений
    6. Просмотр изображений
    7. Ошибка «Недопустимый маркер JPEG» | Открытие изображений
    8. Просмотр нескольких изображений
    9. Настройка палитр цветов и образцов цвета
    10. HDR-изображения
    11. Подбор цветов на изображении
    12. Преобразование между цветовыми режимами
    13. Цветовые режимы
    14. Стирание фрагментов изображения
    15. Режимы наложения
    16. Выбор цветов
    17. Внесение изменений в таблицы индексированных цветов
    18. Информация об изображениях
    19. Фильтры искажения недоступны
    20. Сведения о цвете
    21. Цветные и монохромные коррекции с помощью каналов
    22. Выбор цветов на панелях «Цвет» и «Образцы»
    23. Образец
    24. Цветовой режим (или режим изображения)
    25. Цветовой оттенок
    26. Добавление изменения цветового режима в операцию
    27. Добавление образцов из CSS- и SVG-файлов HTML
    28. Битовая глубина и установки
  10. Слои
    1. Основные сведения о слоях
    2. Обратимое редактирование
    3. Создание слоев и групп и управление ими
    4. Выделение, группировка и связывание слоев
    5. Помещение изображений в кадры
    6. Непрозрачность и наложение слоев
    7. Слои-маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Перемещение, упорядочение и блокировка слоев
    11. Маскирование слоев при помощи векторных масок
    12. Управление слоями и группами
    13. Эффекты и стили слоев
    14. Редактирование слоев-масок
    15. Извлечение ресурсов
    16. Отображение слоев с помощью обтравочных масок
    17. Формирование графических ресурсов из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких фрагментов в одно изображение
    21. Объединение изображений с помощью функции «Автоналожение слоев»
    22. Выравнивание и распределение слоев
    23. Копирование CSS из слоев
    24. Загрузка выделенных областей на основе границ слоя или слоя-маски
    25. Просвечивание для отображения содержимого других слоев
    26. Слой
    27. Сведение
    28. Совмещенные изображения
    29. Фон
  11. Выделения
    1. Рабочая среда «Выделение и маска»
    2. Быстрое выделение областей
    3. Начало работы с выделениями
    4. Выделение при помощи группы инструментов «Область»
    5. Выделение при помощи инструментов группы «Лассо»
    6. Выбор цветового диапазона в изображении
    7. Настройка выделения пикселей
    8. Преобразование между контурами и границами выделенной области
    9. Основы работы с каналами
    10. Перемещение, копирование и удаление выделенных пикселей
    11. Создание временной быстрой маски
    12. Сохранение выделенных областей и масок альфа-каналов
    13. Выбор областей фокусировки в изображении
    14. Дублирование, разделение и объединение каналов
    15. Вычисление каналов
    16. Выделение
    17. Ограничительная рамка
  12. Коррекции изображений
    1. Деформация перспективы
    2. Уменьшение размытия в результате движения камеры
    3. Примеры использования инструмента «Восстанавливающая кисть»
    4. Экспорт таблиц поиска цвета
    5. Корректировка резкости и размытия изображения
    6. Общие сведения о цветокоррекции
    7. Применение настройки «Яркость/Контрастность»
    8. Коррекция деталей в тенях и на светлых участках
    9. Корректировка «Уровни»
    10. Коррекция тона и насыщенности
    11. Коррекция сочности
    12. Настройка насыщенности цвета в областях изображения
    13. Быстрая коррекция тона
    14. Применение специальных цветовых эффектов к изображениям
    15. Улучшение изображения при помощи корректировки цветового баланса
    16. HDR-изображения
    17. Просмотр гистограмм и значений пикселей
    18. Подбор цветов на изображении
    19. Кадрирование и выпрямление фотографий
    20. Преобразование цветного изображения в черно-белое
    21. Корректирующие слои и слои-заливки
    22. Корректировка «Кривые»
    23. Режимы наложения
    24. Целевая подготовка изображений для печатной машины
    25. Коррекция цвета и тона с помощью пипеток «Уровни» и «Кривые»
    26. Коррекция экспозиции и тонирования HDR
    27. Фильтр
    28. Размытие
    29. Осветление или затемнение областей изображения
    30. Избирательная корректировка цвета
    31. Замена цветов объекта
  13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Новые возможности Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Виньетирование, зернистость и удаление дымки в Camera Raw
    7. Комбинации клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Обратимое редактирование в Camera Raw
    10. Инструмент «Радиальный фильтр» в Camera Raw
    11. Управление настройками Camera Raw
    12. Обработка, сохранение и открытие изображений в Camera Raw
    13. Совершенствование изображений с улучшенным инструментом «Удаление точек» в Camera Raw
    14. Поворот, обрезка и изменение изображений
    15. Корректировка цветопередачи в Camera Raw
    16. Краткий обзор функций | Adobe Camera Raw | Выпуски за 2018 г.
    17. Обзор новых возможностей
    18. Версии обработки в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
  14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью функции «Заливка с учетом содержимого»
    2. Заплатка и перемещение с учетом содержимого
    3. Ретуширование и исправление фотографий
    4. Коррекция искажений изображения и шума
    5. Основные этапы устранения неполадок для решения большинства проблем
  15. Преобразование изображений
    1. Трансформирование объектов
    2. Настройка кадрирования, поворотов и холста
    3. Кадрирование и выпрямление фотографий
    4. Создание и редактирование панорамных изображений
    5. Деформация изображений, фигур и контуров
    6. Перспектива
    7. Использование фильтра «Пластика»
    8. Масштаб с учетом содержимого
    9. Трансформирование изображений, фигур и контуров
    10. Деформация
    11. Трансформирование
    12. Панорама
  16. Рисование и живопись
    1. Рисование симметричных орнаментов
    2. Варианты рисования прямоугольника и изменения обводки
    3. Сведения о рисовании
    4. Рисование и редактирование фигур
    5. Инструменты рисования красками
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавление цвета в контуры
    9. Редактирование контуров
    10. Рисование с помощью микс-кисти
    11. Наборы настроек кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Заливка и обводка выделенных областей, слоев и контуров
    15. Рисование с помощью группы инструментов «Перо»
    16. Создание узоров
    17. Создание узора с помощью фильтра «Конструктор узоров»
    18. Управление контурами
    19. Управление библиотеками узоров и наборами настроек
    20. Рисование при помощи графического планшета
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Рисование стилизованных обводок с помощью архивной художественной кисти
    25. Рисование с помощью узора
    26. Синхронизация наборов настроек на нескольких устройствах
  17. Текст
    1. Добавление и редактирование текста
    2. Универсальный текстовый редактор
    3. Работа со шрифтами OpenType SVG
    4. Форматирование символов
    5. Форматирование абзацев
    6. Создание эффектов текста
    7. Редактирование текста
    8. Интерлиньяж и межбуквенные интервалы
    9. Шрифт для арабского языка и иврита
    10. Шрифты
    11. Поиск и устранение неполадок, связанных со шрифтами
    12. Азиатский текст
    13. Создание текста
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
  18. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактирование слоев видео и анимации
    3. Общие сведения о видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Рисование кадров в видеослоях
    6. Импорт видеофайлов и последовательностей изображений
    7. Создание анимации кадров
    8. 3D-анимация Creative Cloud (предварительная версия)
    9. Создание анимаций по временной шкале
    10. Создание изображений для видео
  19. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Использование эффектов группы «Галерея размытия»
    3. Основные сведения о фильтрах
    4. Справочник по эффектам фильтров
    5. Добавление эффектов освещения
    6. Использование фильтра «Адаптивный широкий угол»
    7. Фильтр «Масляная краска»
    8. Эффекты и стили слоев
    9. Применение определенных фильтров
    10. Растушевка областей изображения
  20. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранение файлов в других графических форматах
    5. Перемещение проектов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
  21. Печать
    1. Печать 3D-объектов
    2. Печать через Photoshop
    3. Печать и управление цветом
    4. Контрольные листы и PDF-презентации
    5. Печать фотографий в новом макете раскладки изображений
    6. Печать плашечных цветов
    7. Дуплексы
    8. Печать изображений на печатной машине
    9. Улучшение цветной печати в Photoshop
    10. Устранение неполадок при печати | Photoshop
  22. Автоматизация
    1. Создание операций
    2. Создание изображений, управляемых данными
    3. Сценарии
    4. Обработка пакета файлов
    5. Воспроизведение операций и управление ими
    6. Добавление условных операций
    7. Сведения об операциях и панели «Операции»
    8. Запись инструментов в операциях
    9. Добавление изменения цветового режима в операцию
    10. Набор средств разработки пользовательского интерфейса Photoshop для внешних модулей и сценариев
  23. Управление цветом
    1. Основные сведения об управлении цветом
    2. Обеспечение точной цветопередачи
    3. Настройки цвета
    4. Работа с цветовыми профилями
    5. Управление цветом документов для просмотра в Интернете
    6. Управление цветом при печати документов
    7. Управление цветом импортированных изображений
    8. Выполнение цветопробы
  24. Подлинность контента
    1. Подробнее об учетных данных для содержимого
    2. Идентичность и происхождение токенов NFT
    3. Подключение учетных записей для творческой атрибуции
  25. 3D-объекты и технические изображения
    1. 3D в Photoshop | Распространенные вопросы об упраздненных 3D-функциях
    2. 3D-анимация Creative Cloud (предварительная версия)
    3. Печать 3D-объектов
    4. 3D-рисование
    5. Усовершенствование панели «3D» | Photoshop
    6. Основные понятия и инструменты для работы с 3D-графикой
    7. Рендеринг и сохранение 3D-объектов
    8. Создание 3D-объектов и анимаций
    9. Стеки изображений
    10. Процесс работы с 3D-графикой
    11. Измерения
    12. Файлы формата DICOM
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Коррекция экспозиции и тонирования HDR
    18. Настройки панели «3D»

Вместо палитры цветов Adobe можно пользоваться палитрой цветов операционной системы или палитрой сторонней разработки.

  1. Выберите меню «Редактирование» > «Установки» > «Основные» (Windows) или «Photoshop» > «Preferences» > «General» (Mac OS).

  2. Выберите палитру цветов в меню «Палитра цветов» и нажмите кнопку «ОК».

    Дополнительные сведения см. в документации к операционной системе.

Можно добавлять или удалять образцы цвета на панели «Образцы».

Можно также добавить образец цвета из палитры цветов, нажав кнопку «Добавить в образцы».

Добавление цвета в панель «Образцы»

  1. Выберите цвет, который нужно добавить и сделать основным.

  2. Выполните одно из следующих действий.

    • Нажмите кнопку «Новый образец» () на панели «Образцы». Либо выберите «Новый образец» из меню панели «Образцы».

    • Поместите указатель мыши над пустым местом в нижней строке панели «Образцы» (он превратится в инструмент «Заливка») и щелкните, чтобы добавить цвет. Введите имя нового цвета и нажмите кнопку »ОК».

    Выбор цвета из изображения (слева) и добавление в панель «Образцы» (справа)

    • (Только Creative Cloud) Выберите «Загрузить образцы» в меню панели. Затем в окне «Загрузить» перейдите к файлу HTML, CSS или SVG, и нажмите кнопку «ОК». Photoshop считает цветовые значения, указанные в документах. Данная функция распознает следующий синтаксис цветов HTML/CSS: #112233, #123, rgb (1, 2, 3), rgba (1, 2, 3, 4), hsb (1, 2, 3) и hsba (1, 2, 3, 4).

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

Удаление цвета с панели «Образцы»

  1. Выполните одно из следующих действий.

    • Перетащите образец на значок «Удалить» .

    • Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), поместите указатель мыши над образцом (указатель превратится в ножницы) и щелкните.

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

Загрузка или замена библиотеки образцов

  1. Выберите в меню панели «Образцы» один из следующих пунктов:

    Загрузить образцы

    Добавляет библиотеку к текущему набору образцов. Выберите необходимый файл библиотеки и нажмите кнопку «Загрузить».

    Заменить образцы

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

    Имя библиотеки цветов

    Загружает указанную цветовую систему из перечисленных в нижней части меню панели «Образцы». Можно либо заменить, либо расширить текущий набор цветов загружаемой библиотекой.

Сохранение набора образцов в виде библиотеки

  1. Выберите «Сохранить образцы» из меню панели «Образцы».

  2. Выберите местоположение библиотеки образцов, введите имя файла и нажмите кнопку «Сохранить».

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

Возврат к библиотеке образцов по умолчанию

  1. Выберите «Восстановить образцы» из меню панели «Образцы». Можно либо заменить, либо расширить текущий набор цветов библиотекой образцов по умолчанию.

Образцы, созданные в Photoshop, Illustrator и InDesign, можно использовать совместно, сохранив библиотеки образцов в формат для обмена. При одинаковых настройках для цветов в разных приложениях цвета образцов изменяться не будут.

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

    Следующие типы образцов нельзя совместно использовать в разных приложениях: узоры, градиенты, приводочные образцы из Illustrator или InDesign, ссылки на библиотечный цвет, HSB, XYZ, дуотон, RGB монитора, непрозрачность, плотность краски и веб-цвета RGB из Photoshop. Эти типы образцов исключаются автоматически при сохранении образцов для обмена.

  2. Выберите в меню панели «Образцы» команду «Сохранить образцы для обмена» и сохраните библиотеки образцов в местоположении, удобном для доступа.

  3. Загрузите библиотеку образцов в панель «Образцы» для программ Photoshop, Illustrator или InDesign.

Справки по другим продуктам

  • Добавление образцов из файлов CSS, HTML и SVG
  • Работа со средством «Управление наборами»

Вход в учетную запись

Войти

Управление учетной записью

Палитра цветов HTML,CSS, JS, Java

Палитра цветов из более 150 названий цветов и их кодов.

Палитра цветов позволяет скопировать код цвета как в формате HTML, CSS, javascript и т.д., так и в формате java (android) — добавляется прозрачность для цвета. По умолчанию включен режим формирования кодов цветов для java.

Java format Перейти к:Розовые тонаОранжевые тонаЖёлтые тонаФиолетовые тонаКоричневые тонаОсновные цветаЗелёные тонаСиние тонаБелые тонаСерые тона

Имя ЦветаHEXКопировать
Красные тона:
IndianRedCD5C5C
LightCoralF08080
SalmonFA8072
DarkSalmonE9967A
LightSalmonFFA07A
CrimsonDC143C
RedFF0000
FireBrickB22222
DarkRed8B0000
Розовые тона:
PinkFFC0CB
LightPinkFFB6C1
HotPinkFF69B4
DeepPinkFF1493
MediumVioletRedC71585
PaleVioletRedDB7093
Оранжевые тона:
LightSalmonFFA07A
CoralFF7F50
TomatoFF6347
OrangeRedFF4500
DarkOrangeFF8C00
OrangeFFA500
Жёлтые тона:
GoldFFD700
YellowFFFF00
LightYellowFFFFE0
LemonChiffonFFFACD
LightGoldenrodYellowFAFAD2
PapayaWhipFFEFD5
MoccasinFFE4B5
PeachPuffFFDAB9
PaleGoldenrodEEE8AA
KhakiF0E68C
DarkKhakiBDB76B
Фиолетовые тона:
LavenderE6E6FA
ThistleD8BFD8
PlumDDA0DD
VioletEE82EE
OrchidDA70D6
FuchsiaFF00FF
MagentaFF00FF
MediumOrchidBA55D3
MediumPurple9370DB
BlueViolet8A2BE2
DarkViolet9400D3
DarkOrchid9932CC
DarkMagenta8B008B
Purple800080
Indigo4B0082
SlateBlue6A5ACD
DarkSlateBlue483D8B
Коричневые тона:
CornsilkFFF8DC
BlanchedAlmondFFEBCD
BisqueFFE4C4
NavajoWhiteFFDEAD
WheatF5DEB3
BurlyWoodDEB887
TanD2B48C
RosyBrownBC8F8F
SandyBrownF4A460
GoldenrodDAA520
DarkGoldenRodB8860B
PeruCD853F
ChocolateD2691E
SaddleBrown8B4513
SiennaA0522D
BrownA52A2A
Maroon800000
Основные цвета:
Black000000
Gray808080
SilverC0C0C0
WhiteFFFFFF
FuchsiaFF00FF
Purple800080
RedFF0000
Maroon800000
YellowFFFF00
Olive808000
Lime00FF00
Green008000
Aqua00FFFF
Teal008080
Blue0000FF
Navy000080
Зелёные тона:
GreenYellowADFF2F
Chartreuse7FFF00
LawnGreen7CFC00
Lime00FF00
LimeGreen32CD32
PaleGreen98FB98
LightGreen90EE90
MediumSpringGreen00FA9A
SpringGreen00FF7F
MediumSeaGreen3CB371
SeaGreen2E8B57
ForestGreen228B22
Green008000
DarkGreen006400
YellowGreen9ACD32
OliveDrab6B8E23
Olive808000
DarkOliveGreen556B2F
MediumAquamarine66CDAA
DarkSeaGreen8FBC8F
LightSeaGreen20B2AA
DarkCyan008B8B
Teal008080
Синие тона:
Aqua00FFFF
Cyan00FFFF
LightCyanE0FFFF
PaleTurquoiseAFEEEE
Aquamarine7FFFD4
Turquoise40E0D0
MediumTurquoise48D1CC
DarkTurquoise00CED1
CadetBlue5F9EA0
SteelBlue4682B4
LightSteelBlueB0C4DE
PowderBlueB0E0E6
LightBlueADD8E6
SkyBlue87CEEB
LightSkyBlue87CEFA
DeepSkyBlue00BFFF
DodgerBlue1E90FF
CornflowerBlue6495ED
MediumSlateBlue7B68EE
RoyalBlue4169E1
Blue0000FF
MediumBlue0000CD
DarkBlue00008B
Navy000080
MidnightBlue191970
Белые тона:
WhiteFFFFFF
SnowFFFAFA
HoneydewF0FFF0
MintCreamF5FFFA
AzureF0FFFF
AliceBlueF0F8FF
GhostWhiteF8F8FF
WhiteSmokeF5F5F5
SeashellFFF5EE
BeigeF5F5DC
OldLaceFDF5E6
FloralWhiteFFFAF0
IvoryFFFFF0
AntiqueWhiteFAEBD7
LinenFAF0E6
LavenderBlushFFF0F5
MistyRoseFFE4E1
Серые тона:
GainsboroDCDCDC
LightGrayD3D3D3
SilverC0C0C0
DarkGrayA9A9A9
Gray808080
DimGray696969
LightSlateGray778899
SlateGray708090
DarkSlateGray2F4F4F
Black000000

идеальная палитра для 2021 года

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

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

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

Однако, чтобы энтузиазм не пересилил рациональность, мы попросили попросили

дизайнера цветов Франческу Валан высказать свое мнение о цветах и и отделки в данный момент и их лучшие комбинации.

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

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

“В частности,

зеленый, — объясняет Франческа Валан, — это новый нейтральный цвет. Это цвет, который инстинктивно заставляет нас чувствовать себя частью природы, он стимулирует нашу потребность (все больше ощущаемую новыми поколениями) защищать ее и отдавать ей дань уважения”.

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

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

ULTRAopaco.

Oliva, Laguna, Terra, Ombra, Malva, Corallo, это лишь некоторые
из 26 цветов с мягким, бархатистым оттенком, которые определяют
новое покрытие ULTRA-opaque от FerreroLegno.

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

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

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

Существует пять основных цветов: Bianco, Bianco Optical, Grigio Lux, Tortora, а также девять оттенков, с которыми можно играть, чтобы придать индивидуальность пространству: Metal, Lagoon, Lichen, Olive, Shadow, Earth, Mauve, Coral и Deep Black. Некоторые из них выпускаются в трех вариантах интенсивности — светлом, чистом и темном, которые следуют за прохождением света с большей или меньшей силой.

ULTRAopaco доступен для коллекции Zero и коллекцийFL — Equa, Plissè, Yncisa и Mixy — для коллекции Skema и для Scenario Lignum Equa; ULTRAlucido доступен для моделей Exit, Exit vetro, Exit Zero и Lignum Exit.

Iride.

Отделка, подчеркивающая характерную

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


Iride
Bianco
отделка


Iride
Cipria
отделка


Iride
Foresta
отделка


Iride
Mare
отделка


Iride
Duna
отделка


Iride
Corda
отделка


Iride
Palude
отделка


Iride
Bruciato
отделка


Iride
Ebano
отделка

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

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

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

Iride устойчив к царапинам, пятнам и холодным жидкостям, его можно восстанавливать на поверхности благодаря нагреву, и он подходит к моделям Exit и Exitlyne коллекции Zero, CollezioniFL и Scenario Lignum от FerreroLegno.

Узнайте больше о новой отделке
IRIDE от FerreroLegno

IRIDE отделка

Loading…

Закрыть

15 Генераторы цветовых палитров HTML в 2022

Внутри этой статьи

  • 1. Colourlovers
  • 2. Цвет Hexa
  • 3. Adobe Color
  • 4. Adobe Capture
  • 5. Solmind
  • 6. Цвета бренда
  • 77000 4. 5. . Cohesive Colors
  • 8. Colorhunt
  • 9. ColourCode
  • 10. COLRD
  • 11. MudCube Sphere
  • 12. Khroma
  • 13. PALETTR
  • 14. Палетчатая
  • 15. Проектная система EVA.0005
  • Улучшите брендинг вашего интернет-магазина с помощью Outvio
  • Часто задаваемые вопросы о генераторах цветовых палитр HTML

    • Вам не хватает идей, как вывести брендинг вашего магазина на новый уровень? Использование генератора цветовой палитры HTML может быть именно тем, что вам нужно.

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

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

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

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

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

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

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

    Brand Colors позволяет определить цветовые коды, используемые вашими любимыми брендами. Этот генератор цветовой палитры HTML собирает информацию от других компаний, чтобы вдохновить вас и помочь найти лучшую палитру для вашего бизнеса и отрасли.

    Хотите воспользоваться всеми возможностями брендинга, доступными для вашего бизнеса? Эти примеры вирусного маркетинга вдохновят вас.

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

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

    С помощью ColorCode все, что вам нужно сделать, это перемещать курсор по экрану, пока не найдете нужный цвет. Затем вы можете начать работать над собственной цветовой палитрой.

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

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

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

    Объедините его с этими маркетинговыми инструментами, чтобы повысить коэффициент конверсии ваших рекламных действий!

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

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

    Интерфейс Eva Design System состоит из пяти столбцов с разными тонами, которые помогут вам опробовать различные оригинальные цветовые комбинации, которые будут отличать вас от конкурентов.

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

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

    Что такое генератор цветовой палитры HTML?

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

    Как выбрать цветовую палитру?

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

    Генератор палитры цветов Data Viz (для диаграмм и информационных панелей)

    • Палитра
    • Один оттенок
    • Дивергент

    Количество цветов

    3 4 5 6 7 8

    Цвет фона

    Светлый Темный

    Действия

    Копировать HEX-значенияЭкспортировать как SVG

    В контексте

    Как использовать

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

    Примечание. Помимо режима палитры, есть еще два режима: обратите внимание на шкалы одного оттенка и расходящиеся шкалы.

    Создание визуально равноудаленных палитр практически невозможно сделать вручную, но чрезвычайно важно для визуализации данных. Почему? Когда цвета , а не визуально равноудалены, труднее (а) различить их на диаграмме и (б) сравнить диаграмму с ключом. Я уверен, что мы все видели диаграммы, где вы вряд ли сможете использовать ключ, поскольку цвета данных очень похожи.

    Например, Google Analytics делает ужасную работу с этим:

    Просто попробуйте использовать этот ключ. Попробуй.

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

    Ах! Намного лучше.

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

    Вот несколько советов, как получить лучшую палитру:

    • Попробуйте выбрать очень разные конечные цвета – например, один теплый, один прохладный; один светлый, один темнее – чтобы ваша палитра покрывала более широкий диапазон
    • Если вы используете фирменный цвет для одной конечной точки, не бойтесь немного изменить насыщенность и яркость , если это создает более приятную палитру. Пользователи узнают цвет вашего бренда по его оттенку гораздо больше , чем его точная насыщенность/яркость.
    • Для визуализации данных, где вы показываете силу одного значения , попробуйте вместо этого использовать Генератор палитры одного оттенка.

    О, и…

    Подробнее о цвете

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

    • Цветовая система HSB: учебник для практикующих
    • Цвет в дизайне пользовательского интерфейса: практическая основа
    • Design Hacks, мой информационный бюллетень по электронной почте, в котором я отправляю оригинальные советы и тактики дизайна более чем 50 000 моих ближайших друзей.

    Как бы то ни было, я создал этот инструмент для создания палитр визуализации данных. Есть ли еще одна особенность, которую вы хотели бы видеть в нем? Дай мне знать.

    Количество цветов

    3 4 5 6 7 8 9

    Изменить цветовую шкалу

    Яркость

    Интенсивность цвета

    Цвет фона

    Свет Dark

    Actions

    Copy HEX ValuesExport as SVG

    In Context

    How to Use

    Генератор Single Hue Scale наиболее полезен для визуализаций, где вы показываете значение одной переменной. Как правило, более темный вариант соответствует более высокому значению, а нейтральный цвет (даже белый) соответствует значению, близкому к нулю.

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

    • Карта , в которой размер представляет размер округа; нам нужно использовать цвет, чтобы различать значение для каждого округа
    • Недельный календарь , в котором каждый день представляет собой прямоугольник одинакового размера; нам нужно использовать цвет, чтобы показать значение для определенного дня

    Вот несколько советов по получению наилучшей шкалы одного оттенка:

    • Для перехода к конечной точке плоского серого установите «Интенсивность цвета» на ноль
    • Для перехода к конечной точке белого цвета установите «Яркость» на полную и «Интенсивность цвета» на ноль
    • Если ваша цветовая шкала действительно показывает переменную, которая переходит от одного конца к нейтральной средней точке 9От 0118 до еще один конец , попробуйте генератор расходящихся шкал (например, от республиканца до умеренного до демократа; от более горячего до той же температуры до более холодного)

    Количество цветов

    5 7 9 11 13

    Изменить цвет средней точки

    Яркость

    Интенсивность цвета

    Цвет фона

    Свет Темный

    Действия

    Копировать HEX-значенияЭкспортировать как SVG

    В контексте

    Как использовать

    Генератор расходящейся цветовой шкалы наиболее полезен для визуализаций, где вы показываете переход от (а) одной крайности через (б) нейтральная середина и, наконец, (c) противоположная крайность.

    Возможно, наиболее распространенным примером этого является диаграмма «насколько демократическим/республиканским является каждый штат в США».

    Беззастенчиво заимствован (?) из Five Thirty-Eight

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

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

    Выбор цветовых палитр — документация seaborn 0.12.0

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

    Общие принципы использования цвета на графиках

    Компоненты цвета

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

    Оттенок — это компонент, который различает «разные цвета» в нетехническом смысле. Это свойство цвета приводит к именам первого порядка, таким как «красный» и «синий»:

    .

    Насыщенность (или цветность) — это красочность . Два цвета с разными оттенками будут выглядеть более отчетливо, когда они имеют большую насыщенность:

    Яркость соответствует тому, сколько света излучается (или отражается для печатных цветов) в диапазоне от черного до белого:

    Меняйте оттенок, чтобы различать категории

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

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

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

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

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

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

    Изменение яркости для представления чисел

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

    .

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

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

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

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

    Так как же выбрать цветовые палитры, которые хорошо отображают ваши данные и выглядят привлекательно?

    Инструменты для выбора цветовых палитр

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

    Первичный аргумент функции color_palette() обычно представляет собой строку: либо имя определенной палитры, либо имя семейства и дополнительные аргументы для выбора определенного элемента. В последнем случае color_palette() делегирует более конкретную функцию, например cubehelix_palette() . Также можно передать список цветов любым способом, который принимает matplotlib (кортеж RGB, шестнадцатеричный код или имя в таблице X11). Возвращаемое значение — это объект, обертывающий список кортежей RGB с несколькими полезными методами, такими как преобразование в шестнадцатеричные коды и расширенное представление HTML.

    Вызов color_palette() без аргументов вернет текущую цветовую палитру по умолчанию, которую будет использовать matplotlib (и большинство функций Seaborn), если цвета не указаны иначе. Эта палитра по умолчанию может быть установлена ​​с помощью соответствующих set_palette() , которая вызывает color_palette() внутри и принимает те же аргументы.

    Чтобы мотивировать различные параметры, которые предоставляет color_palette() , будет полезно ввести схему классификации для цветовых палитр. В целом палитры относятся к одной из трех категорий:

    • качественные палитры, пригодные для представления категорийных данных

    • последовательных палитр, пригодных для представления числовых данных

    • расходящиеся палитры, удобные для представления числовых данных с категориальной границей

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

    Качественные палитры хорошо подходят для представления категорийных данных, поскольку большая часть их вариаций приходится на компонент оттенка. Цветовая палитра по умолчанию в Seaborn — это качественная палитра с десятью различными оттенками:

    .
     sns.color_palette()

    Эти цвета имеют тот же порядок, что и цветовая палитра matplotlib по умолчанию, "tab10" , но они чуть менее интенсивны. Сравните:

     sns.color_palette("tab10")

    Seaborn на самом деле имеет шесть вариантов палитры matplotlib, которые называются deep , muted , pastel , Bright , dark и дальтоник . Они охватывают диапазон средних значений яркости и насыщенности:

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

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

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

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

     sns.color_palette("hls", 8)

    Из-за того, как работает зрительная система человека, цвета, которые имеют одинаковую яркость и насыщенность с точки зрения их значений RGB, не обязательно будут выглядеть одинаково интенсивно. Чтобы исправить это, Seaborn предоставляет интерфейс для системы husl (после переименования в HSLuv) , что обеспечивает меньшее изменение интенсивности при вращении цветового круга:

     sns.color_palette("husl", 8)

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

    Использование категориальных палитр Color Brewer

    Другим источником визуально приятных категориальных палитр является инструмент Color Brewer (у которого также есть последовательные и расходящиеся палитры, как мы увидим ниже).

     sns.color_palette("Set2")

    Имейте в виду, что качественные палитры Color Brewer имеют разную длину, и поведение по умолчанию color_palette() должно предоставить вам полный список:

     sns.color_palette("Пара")

    Последовательные цветовые палитры

    Второй основной класс цветовых палитр называется «последовательными». Этот тип сопоставления подходит, когда данные варьируются от относительно низких или неинтересных значений до относительно высоких или интересных значений (или наоборот). Как мы видели выше, основным параметром изменения в последовательной палитре является яркость. Некоторые морские функции по умолчанию используют последовательную палитру при отображении числовых данных. (По историческим причинам как категориальные, так и числовые отображения указываются с hue параметр в таких функциях, как relplot() или displot() , хотя числовые сопоставления используют цветовые палитры с относительно небольшим изменением оттенка).

    Перцептивно однородные палитры

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

     sns.color_palette ("ракета", as_cmap = True)
 
     sns. color_palette ("мако", as_cmap = True)

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

     sns.color_palette («блик», as_cmap = True)
 
     sns.color_palette («гребень», as_cmap = True)

    Также можно использовать перцептивно однородные цветовые карты, предоставляемые matplotlib, такие как "magma" и "viridis" :

     sns.color_palette ("магма", as_cmap = True)
 
     sns.color_palette ("viridis", as_cmap = True)

    Как и в соответствии с соглашением в matplotlib, каждая непрерывная карта цветов имеет обратную версию с суффиксом 9. 0323 «_р» :

     sns.color_palette ("rocket_r", as_cmap = True)

    Дискретное и непрерывное отображение

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

     sns.color_palette("ракета")

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

    Последовательные палитры «cubehelix»

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

    В Matplotlib встроена версия cubehelix по умолчанию:

     sns.color_palette ("cubehelix", as_cmap = True)

    Палитра по умолчанию, возвращаемая функцией seaborn cubehelix_palette() , немного отличается от стандартной по умолчанию в matplotlib тем, что она не вращается так далеко вокруг колеса оттенков и не охватывает столь широкий диапазон интенсивностей. Он также меняет линейное изменение яркости:

     sns.cubehelix_palette (as_cmap = True)

    Другие аргументы для cubehelix_palette() управлять тем, как выглядит палитра. Две основные вещи, которые вы должны изменить, это start (значение от 0 до 3) и rot или количество оборотов (произвольное значение, но обычно от -1 до 1)

     sns. cubehelix_palette (начало = .5, rot = -.5, as_cmap = True)

    Чем больше вы вращаете, тем больше вариаций оттенков вы увидите:

     sns.cubehelix_palette (начало = .5, rot = -.75, as_cmap = True)

    Вы можете управлять как темными, так и светлыми конечными точками, а также их порядком:

     sns.cubehelix_palette (start = 2, rot = 0, dark = 0, light = 0,95, reverse = True, as_cmap = True)

    color_palette() принимает строковый код, начинающийся с "ch:" , для создания произвольной палитры кубической спирали. Вы можете передавать имена параметров в строке:

     sns.color_palette("ch:start=.2,rot=-.3", as_cmap=True)

    А для компактности каждый параметр можно указывать с его первой буквы:

     sns.color_palette("ch:s=-.2,r=.6", as_cmap=True)

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

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

     sns. light_palette ("морская зелень", as_cmap = True)
 
     sns.dark_palette("#69d", reverse=True, as_cmap=True)

    Как и в случае с палитрами cubehelix, вы также можете указать светлые или темные палитры через color_palette() или где угодно принимается палитра :

     sns.color_palette («свет: b», as_cmap = True)

    Обратить цветовую карту, добавив "_r" :

     sns.color_palette("темный:salmon_r", as_cmap=True)

    Палитры Sequential Color Brewer

    В библиотеке Color Brewer также есть несколько хороших опций для последовательных палитр. В них входят палитры с одним основным оттенком:

     sns.color_palette ("Синий", as_cmap = True)

    Наряду с многоцветными опциями:

     sns.color_palette("YlOrBr", as_cmap=True)

    Расходящиеся цветовые палитры

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

    Перцептивно однородные расходящиеся палитры

    Seaborn включает в себя две перцептивно однородные расходящиеся палитры: "vlag" и "icefire" . Они оба используют синий и красный цвета на своих полюсах, которые многие интуитивно воспринимают как «холодный» и «горячий»:

    .
     sns.color_palette ("vlag", as_cmap = True)
 
     sns.color_palette("icefire", as_cmap=True)

    Индивидуальные расходящиеся палитры

    Вы также можете использовать функцию Seaborn diverging_palette() для создания пользовательской палитры для расходящихся данных. Эта функция создает расходящиеся палитры с использованием цветовой системы husl . Вы передаете ему два оттенка (в градусах) и, при желании, значения яркости и насыщенности для крайних значений. Использование husl означает, что экстремальные значения и результирующие наклоны к средней точке, хотя и не идеально однородны для восприятия, будут хорошо сбалансированы:

     sns.diverging_palette (220, 20, as_cmap = True)

    Это удобно, когда вы хотите отойти от скучных границ холодных и горячих подходов:

     sns.diverging_palette(145, 300, s=60, as_cmap=True)

    Также можно сделать палитру, где середина темная, а не светлая:

     sns.diverging_palette(250, 30, l=65, center="dark", as_cmap=True)

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

    Другие расходящиеся палитры

    В matplotlib встроено несколько других хороших расходящихся палитр, включая палитры Color Brewer:

     sns.color_palette («Спектральный», as_cmap = True)

    И холодная теплая палитра , которая имеет меньший контраст между средними и крайними значениями:

     sns. color_palette ("холодный теплый", as_cmap = True)

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

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

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

    Цветовая палитра DHS является единственной утвержденной цветовой системой, используемой для DHS и ее компонентов. Изменение этих цветов строго запрещено. Последовательное использование цветовой палитры DHS помогает обеспечить единообразие и высокую узнаваемость бренда. Эти цвета были тщательно протестированы в Интернете и в печатных СМИ на соответствие цветопередаче. Цветовая палитра DHS также соответствует цветовой системе, используемой системой веб-дизайна США.

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

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

      ​ ​ ​ ​Основные цвета ​ ​ ​ Дополнительные цвета ​
      dhs-синий
    HTML: #005288
    RGB: 0 | 82 | 136
    CMYK: 100 | 45 | 0 | 37    		 dhs-grey
    HTML: #c0c2c4
    RGB: 192 | 194 | 196
    CMYK: 0 | 0 | 0 | 28    		 dhs-темно-серый
    HTML: #5a5b5d
    RGB: 90 | 91 | 93
    CMYK: 0 | 0 | 0 | 79    		 dhs-red
    HTML: #c41230
    RGB: 196 | 18 | 48
    CMYK: 0 | 100 | 79 | 20    		 dhs-светло-синий
    HTML: #0078ae
    RGB: 0 | 120 | 174
    CMYK: 100 | 16 | 0 | 27    		 dhs-зеленый
    HTML: #5e9732
    RGB: 94 | 151 | 50
    CMYK: 56 | 0 | 100 | 27​

    Цвета градиента (цветовой круг)

    Градиентные цвета могут использоваться в качестве фоновых цветов и для создания графических элементов, иллюстраций и т. д. Дополнительно:​​

    • Все цвета должны использоваться правильно, чтобы обеспечить высокую контрастность в соответствии с разделом 508 специальных возможностей.
    • Все цвета HTML/RGB используются для веб-, видео, мобильной и настольной печати.
    • Все цвета CMYK используются для офсетной печати.

    ПРИМЕЧАНИЕ. Основные и дополнительные цвета DHS также указаны ниже и отмечены звездочкой. Они соответствуют значению «50» на цветовом круге USWDS.

    Посмотреть цветовую палитру DHS в: Формат PDF | Формат Excel

      черный
    HTML: #000000
    RGB: 0 | 0 | 0
    CMYK: ​0 | 0 | 0 | 100
      dhs-blue-90
    HTML: #000305

    RGB: 0 | 3 | 5
    CMYK: 100 | 40 | 0 | 98

    		 dhs-grey-90
    HTML: #080808
    RGB: 8 | 8 | 8
    CMYK: 0 | 0 | 0 | 97    		 dhs-темно-серый-90
    HTML: #040404
    RGB: 4 | 4 | 4
    CMYK: 0 | 0 | 0 | 98    		 dhs-red-90
    HTML: #080102
    RGB: 8 | 1 | 2
    CMYK: 0 | 88 | 75 | 97    		 dhs-light-blue-90
    HTML: #000507
    RGB: 0 | 5 | 7
    CMYK: 100 | 29 | 0 | 97    		 dhs-green-90
    HTML: #040602
    RGB: 4 | 6 | 2
    CMYK: 33 | 0 | 67 | 98
      dhs-blue-80
    HTML: #001726
    RGB: 0 | 23 | 38
    CMYK: 100 | 39 | 0 | 85    		 dhs-gray-80
    HTML: #363637
    RGB: 54 | 54 | 55
    CMYK: 2 | 2 | 0 | 78    		 dhs-темно-серый-80
    HTML: #19191a
    RGB: 25 | 25 | 26
    CMYK: 73 | 67 | 64 | 78    		 dhs-red-80
    HTML: #37050d
    RGB: 55 | 5 | 13
    CMYK: 0 | 91 | 76 | 78    		 dhs-light-blue-80
    HTML: #002231
    RGB: 0 | 34 | 49
    CMYK: 100 | 31 | 0 | 81    		 dhs-green-80
    HTML: #1a2a0e
    RGB: 26 | 42 | 14
    CMYK: 38 | 0 | 67 | 84
      dhs-blue-70
    HTML: ​#002b47
    RGB: 0 | 43 | 71
    CMYK: 100 | 39 | 0 | 72    		 dhs-серый-70
    HTML: #646566
    RGB: 100 | 101 | 102
    CMYK: 2 | 1 | 0 | 60    		 dhs-темно-серый-70
    HTML: #2f2f30
    RGB: 47 | 47 | 48
    CMYK: 70 | 64 | 62 | 61    		 dhs-red-70
    HTML: #660919
    RGB: 102 | 9 | 25
    CMYK: 34 | 99 | 82 | 51    		 dhs-light-blue-70
    HTML: #003e5a
    RGB: 0 | 62 | 90
    CMYK: 100 | 31 | 0 | 65    		 dhs-green-70
    HTML: #314f1a
    RGB: 49 | 79 | 26
    CMYK: 76 | 44 | 100 | 44
      dhs-blue-60
    HTML: #003e67
    RGB: 0 | 62 | 103
    CMYK: 100 | 40 | 0 | 60    		 dhs-grey-60
    HTML: #    		5
    RGB: 146 | 147 | 149
    CMYK: 2 | 1 | 0 | 42    		 dhs-темно-серый-60
    HTML: #444547
    RGB: 68 | 69 | 71
    CMYK: 68 | 60 | 57 | 42    		 dhs-red-60
    HTML: #950e24
    RGB: 149 | 14 | 36
    CMYK: 26 | 100 | 91 | 26    		 dhs-light-blue-60
    HTML: #005b84
    RGB: 0 | 91 | 132
    CMYK: 100 | 31 | 0 | 48    		 dhs-green-60
    HTML: #477326
    RGB: 71 | 115 | 38
    CMYK: 74 | 33 | 100 | 21

    ★

    		 dhs-синий
    HTML: #005288
    RGB: 0 | 82 | 136
    CMYK: 100 | 45 | 0 | 37    		 dhs-grey
    HTML: #c0c2c4
    RGB: 192 | 194 | 196
    CMYK: 0 | 0 | 0 | 28    		 dhs-темно-серый
    HTML: #5a5b5d
    RGB: 90 | 91 | 93
    CMYK: 0 | 0 | 0 | 79    		 dhs-красный
    HTML: #c41230
    RGB: 196 | 18 | 48
    CMYK: 0 | 100 | 79 | 20    		 dhs-светло-синий
    HTML: #0078ae
    RGB: 0 | 120 | 174
    CMYK: 100 | 16 | 0 | 27    		 dhs-зеленый
    HTML: #5e9732
    RGB: 94 | 151 | 50
    CMYK: 56 | 0 | 100 | 27
      dhs-blue-40
    HTML: #3d7ca5
    RGB: 61 | 124 | 165
    CMYK: 79 | 44 | 19 | 1    		 dhs-gray-40
    HTML: #cfd1d2
    RGB: 207 | 209 | 210
    CMYK: 18 | 13 | 13 | 0    		 dhs-темно-серый-40
    HTML: #828284
    RGB: 130 | 130 | 132
    CMYK: 51 | 43 | 41 | 6    		 dhs-red-40
    HTML: #d24b62
    RGB: 210 | 75 | 98
    CMYK: 14 | 85 | 51 | 1    		 dhs-светло-синий-40
    HTML: #3d98c1
    RGB: 61 | 152 | 193
    CMYK: 73 | 27 | 12 | 0    		 dhs-green-40
    HTML: #85b063
    RGB: 133 | 176 | 99
    CMYK: 53 | 13 | 79 | 1
      dhs-blue-30
    HTML: #7aa5c1
    RGB: 122 | 165 | 193
    CMYK: 54 | 25 | 15 | 0    		 dhs-gray-30
    HTML: #dedfe0
    RGB: 222 | 223 | 224
    CMYK: 12 | 8 | 8 | 0    		 dhs-dark-gray-30
    HTML: #a9aaab
    RGB: 169 | 170 | 171
    CMYK: 35 | 28 | 28 | 0    		 dhs-red-30
    HTML: #e08493
    RGB: 224 | 132 | 147
    CMYK: 9 | 59 | 27 | 0    		 dhs-light-blue-30
    HTML: #7ab9d5
    RGB: 122 | 185 | 213
    CMYK: 50 | 13 | 9 | 0    		 dhs-зеленый-30
    HTML: #abc994
    RGB: 171 | 201 | 148
    CMYK: 36 | 7 | 52 | 0
      dhs-blue-20
    HTML: #b8cfde
    RGB: 184 | 207 | 222
    CMYK: 27 | 10 | 7 | 0    		 dhs-gray-20
    HTML: #edeeee
    RGB: 237 | 238 | 238
    CMYK: 0 | 0 | 0 | 7    		 dhs-темно-серый-20
    HTML: #d1d1d2
    RGB: 209 | 209| 210
    CMYK: 0 | 0 | 0 | 18    		 dhs-red-20
    HTML: #eebdc5
    RGB: 238 | 189 | 197
    CMYK: 4 | 30 | 11 | 0    		 dhs-light-blue-20
    HTML: #b8d9e8
    RGB: 184 | 217 | 232
    CMYK: 26 | 5 | 5 | 0    		 dhs-green-20
    HTML: #d2e2c6
    RGB: 210 | 226 | 198
    CMYK: 18 | 3 | 25 | 0
      dhs-blue-15
    HTML: #d6e3ec
    RGB: 214 | 227 | 236
    CMYK: 15 | 5 | 4 | 0    		 dhs-gray-15
    HTML: #f5f5f6
    RGB: 245 | 245 | 246
    CMYK: 0 | 0 | 0 | 4    		 dhs-dark-gray-15
    HTML: #e5e5e5
    RGB: 229 | 229 | 229
    CMYK: 0 | 0 | 0 | 10    		 dhs-red-15
    HTML: #f6d9de
    RGB: 246 | 217 | 222
    CMYK: 2 | 16 | 5 | 0    		 dhs-light-blue-15
    HTML: #d6e9f2
    RGB: 214 | 233 | 242
    CMYK: 15 | 2 | 2 | 0    		 dhs-green-15
    HTML: #e5eede
    RGB: 229 | 238 | 222
    CMYK: 10 | 1 | 14 | 0
      dhs-blue-10
    HTML: #f5f8fa​
    RGB: 245 | 248 | 250
    CMYK: 3 | 1 | 1 | 0    		 dhs-gray-10
    HTML: #fcfdfd
    RGB: 252 | 253 | 253
    CMYK: 0 | 0 | 0 | 1    		 dhs-dark-gray-10
    HTML: #f8f8f9
    RGB: 248 | 248 | 249
    CMYK: 0 | 0 | 0 | 2    		 dhs-red-10
    HTML: #fdf6f7
    RGB: 253 | 246 | 247
    CMYK: 0 | 3 | 1 | 0    		 dhs-light-blue-10
    HTML: #f5fafc
    RGB: 245 | 250 | 252
    CMYK: 3 | 0 | 0 | 0    		 dhs-green-10
    HTML: #f9fbf7
    RGB: 249 | 251 | 247
    CMYK: 2 | 0 | 2 | 0​
      белый
    HTML: #ffffff​​
    RGB: 255 | 255 | 255
    CMYK: 0 | 0 | 0 | 0
    ​

    Пример

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

    #​ ​ Элемент дизайна ​ Элемент дизайна ​Тип ​ ​Требуется основной цвет Цвет б/у
    ​1 Внешнее кольцо, текст, внутренний элемент Ключ Да dhs-синий
    2 Фон кольца Среднее № dhs-синий-15
    3 Зеленая фигурка Ключ Да ​dhs-зеленый
    ​4 Акцент на зеленой фигуре Среднее № ​dhs-зеленый-30
    5 Красная фигура Ключ Да dhs-красный
    6 Акцент на красной фигуре Среднее № ​dhs-red-30
    ​7 Синяя фигурка Ключ Да ​dhs-голубой
    8 ​Синяя фигура Акцент Среднее № dhs-светло-синий-30

    Государственные цвета США

    Кроме того, это официальные цвета правительства США — Old Glory Blue и Old Glory Red.

      Old Glory Blue
    HTML: #002868
    RGB: 0 | 40 | 104
    CMYK: 100 | 92 | 32 | 23    		 Old Glory Red
    HTML: #bf0a30
    RGB: 191 | 10 | 48
    CMYK: 17 | 100 | 86 | 7

    Доступность

    При использовании цветовой палитры DHS дизайнер несет ответственность за обеспечение того, чтобы подготовленные материалы соответствовали критериям DHS для соответствия разделу 508 «Доступность», особенно с точки зрения цветовой зависимости и цветового контраста.

    Требование (8 цветов): Цвет не должен быть единственным средством передачи информации, указания действия, подсказки ответа или указания состояния. Информация, передаваемая с помощью цвета, также должна быть предоставлена ​​в виде текста, отображаемого на экране, или посредством визуальной дифференциации.

    Требование (контрастность 9 цветов): Должен быть контрастный цвет/оттенки с минимальным соотношением 4,5:1 для различения содержимого фона и переднего плана.

    Примечание. Инструмент Color Contrast Analyzer (CCA) помогает определить разборчивость текста и контрастность визуальных элементов, таких как графические элементы управления и визуальные индикаторы. Он доступен для загрузки как в составе наборов инструментов WAT 2015 и WAT 2012, так и в виде отдельного приложения на веб-сайте https://www.dhs.gov/ публикация/веб-доступность- панель инструментов.

    Исключение доступности для печати DHS

    В соответствии с дизайном пломба DHS по своей сути не соответствует требованиям к цветовому контрасту согласно разделу 508 «Доступность». Поскольку дизайн печати предписывается законом, существует исключение для ее использования. Это исключение было выдано Управлением доступных систем и технологий DHS и помощником секретаря DHS по связям с общественностью.

    Создание пользовательских цветовых палитр — Tableau

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

    О файле настроек

    Вы можете добавить в файл Preferences.tps любое количество пользовательских палитр, каждая из которых может содержать любое количество цветов. Хотя количество цветов, которые можно добавить в каждую пользовательскую палитру, не ограничено, в диалоговом окне «Редактировать цвета» отображается только 20 цветов. Если вам нужно вручную назначить более 20 цветов элементам данных, вы можете создать несколько настраиваемых палитр с 20 или менее цветами в каждой палитре.

    При изменении Preferences.tps для добавления цветов используйте стандартный формат HTML для новых цветов (шестнадцатеричное значение #RRGGBB или формат Red Green Blue). Когда вы сохраните книгу и перезапустите Tableau Desktop, имена цветовых палитр, которые вы добавили в Preferences.tps, появятся в раскрывающемся списке «Выбрать цветовую палитру» (диалоговое окно «Редактировать цвет»). Вы можете использовать новую палитру, как и любую другую.

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

    Примечание. При редактировании файла Preferences.tps обязательно используйте прямые кавычки ( ' ' или " " ) для разделения имени и типа палитры, а не фигурные кавычки (» » или » ‘) .

    Отредактируйте файл настроек

    Файл Preferences. tps находится в вашем репозитории My Tableau. Это обычный XML-файл, который можно открыть в текстовом редакторе для внесения изменений. Неотредактированный файл настроек выглядит так:

    Чтобы отредактировать файл настроек:

    1. Перейдите в папку My Tableau Repository в папке Documents и откройте Preferences.tps 9файл 1404.

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

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

    Создание пользовательских цветовых палитр

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

    Категориальная цветовая палитра содержит несколько различных цветов, которые можно назначать отдельным элементам измерения. Например, когда вы помещаете дискретное измерение, такое как «Регион», на карту «Цвет», используется цветовая легенда категорий.

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

    Чтобы создать пользовательскую цветовую палитру категорий:

    1. В файле Preferences. tps между тегами «preferences» вставьте следующее. Обязательно используйте прямые кавычки, а не фигурные кавычки, чтобы разграничить имя и тип палитры.


      <цвет>#eb912b
      <цвет>#7099a5
      <цвет>#c71f34
      <цвет>#1d437d
      <цвет>#e8762b
      <цвет>#5b6591
      <цвет>#59879b

    2. Сохраните файл Preferences.tps и перезапустите Tableau Desktop.

    3. Откройте источник данных, например источник данных Superstore — Sample.

    4. На панели данных перетащите дискретное измерение, например Область , в Цвет 9.1404 .

    5. Щелкните стрелку меню цветовой легенды и выберите Редактировать цвета .

    1. В диалоговом окне «Редактировать цвета» в раскрывающемся списке палитр выберите новую пользовательскую палитру.

    1. Нажмите кнопку Назначить палитру , чтобы назначить пользовательские цвета каждому соответствующему полю.

    2. Нажмите OK .

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

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

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

    Чтобы создать пользовательскую последовательную цветовую палитру:

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


      #eb912b
      #eb9c42
      #ebad67
      #eabb86
      #eacba8
      #ebd8c2

    2. Сохраните файл Preferences.tps и перезапустите Tableau Desktop.

    3. Откройте источник данных, например источник данных Superstore-Sample.

    4. На панели данных перетащите показатель (например, Sales ) в Color .

    5. Щелкните стрелку меню легенды цвета и выберите Edit Colors .

    6. В диалоговом окне «Редактировать цвета» в раскрывающемся списке палитр выберите пользовательскую палитру.

    7. Если вы хотите, чтобы каждая цветовая градация определялась в поле, выберите 9Установите флажок 1403 Stepped Color и в текстовом поле Steps введите количество цветовых шагов, которые вы хотите отобразить на панели.

    8. Нажмите кнопку Дополнительно .

    9. Установите флажок Start и в текстовом поле введите младший конечный номер, который требуется для континуума.

    10. Нажмите кнопку Применить , чтобы увидеть результат и внести необходимые изменения. Цвет будет варьироваться от высокой до низкой интенсивности (или наоборот) в зависимости от порядка, указанного в файле Preferences.tps. По умолчанию для последовательных цветовых палитр в Tableau верхняя часть континуума становится интенсивной, а нижняя — бледной, хотя установка флажка «Обратный» приведет к противоположному результату.

    Создание пользовательской расходящейся цветовой палитры

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

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

    Чтобы создать пользовательскую расходящуюся цветовую палитру:

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


      #eb912b
      #59879b

    2. Сохраните файл Preferences. tps и перезапустите Tableau Desktop.

    3. Откройте источник данных, например источник данных Superstore — Sample.

    4. Нажмите кнопку Назначить палитру . Цвета в палитре используются в том порядке, в котором они указаны в файле настроек.

    Если вы добавляете последовательную или расходящуюся палитру, не забудьте изменить атрибут «тип» с «обычный» на один из следующих:

    • упорядоченно-последовательный
    • упорядоченно-расходящиеся

    (необязательно): назначьте настраиваемую палитру по умолчанию измерениям и мерам и опубликуйте ее в качестве источника данных.

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

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

    1. На том же компьютере, с которого вы изменяли файл Preferences.tps , откройте Tableau Desktop.

    2. Открыть супермаркет — пример источника данных.

    3. Щелкните правой кнопкой мыши поле на панели данных и выберите Свойства по умолчанию > Цвет .

    4. В диалоговом окне «Редактировать цвета» свяжите значения поля с настраиваемой цветовой палитрой, а затем нажмите 9.1403 OK  когда закончите.

    5. В меню «Данные» выберите источник данных, выберите «Опубликовать на сервере », а затем завершите процесс публикации источника данных.

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

    Обратите внимание, что после публикации книги с пользовательской цветовой палитрой эта палитра не будет видна или доступна в диалоговом окне «Редактировать цвета». Авторы не смогут выбрать пользовательскую палитру при использовании веб-редактирования в Tableau Server или Tableau Online.

    Использовать снятые с производства (классические) цветовые палитры


    В версии 10.0 Tableau создала новые цветовые палитры, обновила некоторые существующие (например, Tableau 10 и Tableau 20) и прекратила поддержку других. Если вы хотите продолжать использовать цветовую палитру, поддержка которой была прекращена, вы можете отредактировать файл Preferences.tps, добавив шестнадцатеричные значения для палитры. Вы можете добавить столько цветовых палитр, сколько захотите. Дополнительные сведения см. в разделах Шестнадцатеричные значения для палитр цветов, поддержка которых прекращена, и в разделе Восстановление палитр, поддержка которых прекращена (классическая).

    Шестнадцатеричные значения для снятых с производства цветовых палитр

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

    7", "#DC5039", "#FBA40A", "#FCFEA4")

    Результирующая палитра выглядит так:

    linear_palette( палитра , n )[источник]

    Создать новую палитру как подмножество заданной палитры.

    Имея входную палитру , взять из нее n цветов, разделив ее длина в n (приблизительно) равномерно расположенных индексов.

    Параметры
    Возвращает

    последовательность шестнадцатеричных цветовых строк RGB

    Тип возврата

    сл [строка]

    Поднимает

    ValueError, если n > len ( палитра ) –

    магма ( n ) [источник]

    Создайте палитру цветов или из палитры Magma.

    Полная палитра Magma, которая служит исходными данными для создания новых палитр. имеет 256 цветов, а выглядит так:

    Параметры

    n ( int ) — размер палитры для генерации

    Возвращает

    последовательность шестнадцатеричных цветовых строк RGB

    Тип возврата

    сл [строка]

    Поднимает

    ValueError, если n больше длины базовой палитры, равной 256 –

    Примеры:

     >>> магма(6)
('#000003', '#3B0F6F', '#8C2980", "#DD4968", "#FD9F6C", "#FBFCBF")

    Результирующая палитра выглядит так:

    виридис ( n ) [источник]

    Создайте палитру цветов или из палитры Viridis.

    Полная палитра Viridis, которая служит исходными данными для создания новых палитр. имеет 256 цветов и выглядит так:

    Параметры

    n ( int ) — размер палитры для генерации

    Возвращает

    последовательность шестнадцатеричных цветовых строк RGB

    Тип возврата

    сл [строка]

    Поднимает

    ValueError, если n больше длины базовой палитры, равной 256 –

    Примеры:

     >>> зеленый (6)
('# 440154', '# 404387', '# 29788E', '# 22A784', '# 79D151', '# FDE724')

    Результирующая палитра выглядит так:

    Лицензии

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

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

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

    Название палитры версии 9.x Детали Версия 9.x Шестнадцатеричные значения

    Таблица 10

    Именованный Tableau Classic 10 в версии 10.0 и выше.
    #17becf #bcbd22 #7f7f7f <цвет>#e377c2 <цвет>#8c564b #9467bd <цвет>#d62728 #2ca02c #ff7f0e <цвет>#1f77b4

    Таблица 10, средняя

    Названный Tableau Classic Medium в версии 10. 0 и выше.
    #6dccda #cdcc5d <цвет>#a2a2a2 #ed97ca #a8786e #ad8bc9 #ed665d #67bf5c <цвет>#ff9e4a #729ece

    Таблица 10 светлая

    Снято с производства.

     
    #9edae5 #dbdb8d <цвет>#c7c7c7 <цвет>#f7b6d2 <цвет>#c49c94 <цвет>#c5b0d5 #ff9896 <цвет>#98df8a #ffbb78 #aec7e8

    Таблица 20

    Именованный Tableau Classic 20 в версии 10. 0 и выше.

    		 #9edae5 #17becf #dbdb8d #bcbd22 <цвет>#c7c7c7 #7f7f7f <цвет>#f7b6d2 <цвет>#e377c2 <цвет>#c49c94 <цвет>#8c564b <цвет>#c5b0d5 #9467bd #ff9896 <цвет>#d62728 #98df8a #2ca02c #ffbb78 #ff7f0e #aec7e8 <цвет>#1f77b4

    Серый 5

    Снято с производства.

    Ознакомьтесь с обновленной версией этой палитры Seattle Greys версии 10.0 и выше.

    		 #cfcfcf <цвет>#8f8782 <цвет>#414451 #a5acaf #60636a

    Дальтоник 10

    Снято с производства.

    Ознакомьтесь с Color Blind версии 10.0 и выше, чтобы получить обновленную версию этой палитры.
    #cfcfcf #ffbc79 #a2c8ec <цвет>#898989 <цвет>#c85200 #5f9ed1 <цвет>#5#абабаб#ff800e#006ba4
    b#dc5fbd <цвет>#7b66d2

    Светофор

    Снято с производства.

    Проверьте «Светофор» версии 10.0 и выше, чтобы получить обновленную версию этой палитры.
    #9fcd99 #ffdd71 <цвет>#f26c64 <цвет>#69b764 #ffc156 <цвет>#d82526 <цвет>#309343 #dba13a <цвет>#b10318

    Фиолетово-серый 6

    Снято с производства.
    <цвет>#d7d5c5 #d098ee <цвет>#9

    #

    Фиолетово-серый 12

    Снято с производства.

    Проверьте Purple-Pink-Gray в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.
    <цвет>#dbd4c5 #8b7c6e #d098ee #ab6ad5 #d898ba <цвет>#9

    <цвет>#b4b19b <цвет>#5f5a41 #ffc0da #dc5fbd <цвет>#a699e8 <цвет>#7b66d2

    Зелено-оранжевый 6

    Снято с производства.
    <цвет>#b85a0d #39737c #ffd94a #3cb7cc #ff7f0f <цвет>#32a251

    Зелено-оранжевый 12

    Снято с производства.

    Ознакомьтесь с Green-Orange-Teal версии 10.0 и выше, чтобы получить обновленную версию этой палитры.
    #ccc94d <цвет>#82853b <цвет>#86b4a9 #39737c #ffd94a #b85a0d <цвет>#98d9e4 #3cb7cc <цвет>#ffb977 #ff7f0f #acd98d <цвет>#32a251

    Сине-красный 6

    Снято с производства.
    <цвет>#e9c39b <цвет>#ea6b73 #6ba3d6 #ac613c <цвет>#f02720 <цвет>#2c69b0

    Сине-красный 12

    Снято с производства.

    Ознакомьтесь с Blue-Red-Brown версии 10.0 и выше, чтобы получить обновленную версию этой палитры.
    #f4737a #bd0a36 #ddc9b4 #ac8763 #b5dffd #6ba3d6 <цвет>#e9c39b #ac613c #ffb6b0 <цвет>#f02720 <цвет>#b5c8e2 <цвет>#2c69b0

    Циклический

    Снято с производства.

    Ознакомьтесь с Hue Circle версии 10. 0 и выше, чтобы получить обновленную версию этой палитры.
    #6f63bb <цвет>#8a60b0 #ba43b4 #c7519c #d63a3a #ff7f0e #ffaa0e #ffbf50 #bcbd22 #78a641 #2ca030 <цвет>#12a2a8 <цвет>#1f83b4

    Зеленый

    Снято с производства.

    Ознакомьтесь с Green в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.
    #09622a <цвет>#1a7232 <цвет>#27823b <цвет>#339444 #69a761 #94bb83 #bccfb4

    Серый

    Снято с производства.

    Ознакомьтесь с серым цветом версии 10.0 и выше, чтобы получить обновленную версию этой палитры.
    <цвет>#1e1e1e <цвет>#282828 <цвет>#333333 #3f3f3f <цвет>#4b4b4b <цвет>#585858 <цвет>#666666 <цвет>#747474 <цвет>#838383 <цвет>#    		2 <цвет>#a2a2a2 <цвет>#b2b2b2 <цвет>#c3c3c3

    Синий

    Снято с производства.

    Ознакомьтесь с Blue в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.
    #26456e <цвет>#1c5998 <цвет>#1c73b1 <цвет>#3a87b7 #67добавить4 <цвет>#7bc8e2 #b4d4da

    Красный

    Снято с производства.

    Ознакомьтесь с Red в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.
    <цвет>#9c0824 <цвет>#b10c1d <цвет>#c21417 #cf1719 <цвет>#d8392c <цвет>#e35745 <цвет>#f57667 <цвет>#f89а90 #eac0bd

    Оранжевый

    Снято с производства.

    Ознакомьтесь с обновленной версией этой палитры Orange версии 10.0 и выше.
    <цвет>#7b3014 <цвет>#a33202 <цвет>#d74401 <цвет>#f06511 #fd8938 #fdab67 <цвет>#f0c294

    Зона красного цвета

    Снято с производства.
    <цвет>#bd1100 <цвет>#c92b14 <цвет>#d43e25 <цвет>#e04e35 <цвет>#ea5e45 <цвет>#f46b55 #fd7864 #fe8b7a #fd9c8f #fbb3ab #f5cac7

    Район Зеленый

    Снято с производства.
    <цвет>#3c8200 #4a8c1c <цвет>#569735 #60a24d #6cae59 #7abc5f #8ac765 #9ad26d #acdc7a <цвет>#c3e394 #dbe8b4

    Район Коричневый

    Снято с производства.
    <цвет>#bb5137 #bb6348 <цвет>#bb7359 <цвет>#c08262 #cc8f63 <цвет>#d89c63 <цвет>#e4aa63 <цвет>#f0b763 <цвет>#f7c577 <цвет>#f6d29с <цвет>#f3e0c2

    Расходящийся красно-зеленый

    Снято с производства.

    Ознакомьтесь с Red-Green Diverging в версии 10.0 и выше для получения обновленной версии этой палитры.
    #09622a <цвет>#1e7735 <цвет>#2f8e41 #69a761 <цвет>#a2c18f #какака #fc8375 #df513f <цвет>#d11719 #bd1316 <цвет>#9c0824

    Расходящийся красно-синий

    Снято с производства.

    Ознакомьтесь с Red-Blue Diverging в версии 10. 0 и выше для получения обновленной версии этой палитры.
    #26456e <цвет>#1c5998 <цвет>#1c73b1 <цвет>#3a87b7 #67добавить4 #какака #fc8375 #df513f <цвет>#d11719 #bd1316 <цвет>#9c0824

    Красно-черный расходящийся

    Снято с производства.

    Ознакомьтесь с Red-Black Diverging в версии 10.0 и выше для получения обновленной версии этой палитры.
    <цвет>#1e1e1e <цвет>#383838 <цвет>#565656 <цвет>#777777 <цвет>#9b9b9b #какака #fc8375 #df513f <цвет>#d11719 #bd1316 <цвет>#9c0824

    Зона красно-зеленого расхождения

    Снято с производства.
    #4a8c1c <цвет>#559633 <цвет>#5ea049 #69aa56 #75b65d <цвет>#82c162 #90cb68 <цвет>#a0d571 #b1de7f <цвет>#c7e298 #e9dabe #fca294 #fe8e7e #fd7e6b #f7705b #ef654d <цвет>#e6583e <цвет>#dc4930 <цвет>#d23a21 <цвет>#c82912 #bd1100

    Оранжево-синий рассеиватель

    Снято с производства.

    Ознакомьтесь с Orange-Blue Diverging в версии 10.0 и выше, чтобы получить обновленную версию этой палитры.
    #26456e <цвет>#1c5998 <цвет>#1c73b1 <цвет>#3a87b7 #67добавить4 <цвет>#7bc8e2 #какака #fdab67 <цвет>#fd8938 <цвет>#f06511 <цвет>#d74401 <цвет>#a33202 <цвет>#7b3014

    Зелено-синий расходящийся

    Снято с производства.

    Ознакомьтесь с Green-Blue Diverging в версии 10.0 и выше для получения обновленной версии этой палитры.
    #26456e <цвет>#1c5998 <цвет>#1c73b1 <цвет>#3a87b7 #67добавить4 #какака <цвет>#a2c18f #69a761 <цвет>#2f8e41 <цвет>#1e7735 #09622a

    Красно-бело-зеленый расходящийся

    Снято с производства.

    Ознакомьтесь с Red-Green-White Diverging в версии 10. 0 и выше для получения обновленной версии этой палитры.
    #09622a <цвет>#2 <цвет>#428f49 #74af72 <цвет>#b9d7b7 #ffffff #fcb4a5 <цвет>#e86753 #cc312b <цвет>#b41f27 <цвет>#9c0824

    Расходящиеся красно-бело-черные

    Снято с производства.

    Ознакомьтесь с Red-Black-White Diverging версии 10.0 и выше для получения обновленной версии этой палитры.
    <цвет>#1e1e1e <цвет>#3    		 <цвет>#575757 <цвет>#838383 #bfbfbf #ffffff #fcb4a5 <цвет>#e86753 #cc312b <цвет>#b41f27 <цвет>#9c0824

    Оранжево-бело-синий расходящийся

    Снято с производства.

    Проверьте Orange-Blue-White Diverging в версии 10.0 и выше для получения обновленной версии этой палитры.
    #26456e #2e5f8a <цвет>#3679a8 #6a9ec5 #b7cde2 #ffffff #ffc2a1 #fb8547 <цвет>#d85a13 <цвет>#a84415 <цвет>#7b3014

    Красно-бело-черный светлый

    Снято с производства.
    <цвет>#c6c6c6 <цвет>#d1d1d1 #дддддд <цвет>#e8e8e8 <цвет>#f3f3f3 #ffffff #fff0f0 #ffe0e1 #ffd1d3 #ffc2c5

    Рассеивающий оранжево-бело-синий свет

    Снято с производства.
    <цвет>#c4d8f3 #d0e0f6 #dce8f8 #e8effa #f3f7fd #ffffff #fff5eb #ffead8 #ffe0c5 #ffd6b1 <цвет>#ffcc9е

    Красно-бело-зеленый светорассеивающий

    Снято с производства.
    <цвет>#b7e6a7 #c6ebb8 #d5f0ca #e3f5db #f1faed #ffffff #fff0f0 #ffe0e1 #ffd1d3 #ffc2c5 #ffb2b6

    Расходящийся красно-зеленый свет

    Снято с производства.
    <цвет>#b7e6a7 <цвет>#c1e6b4 #cae6c0 #d4e6cc #dde6d9 <цвет>#e5e5e5 #ecdbdc <цвет>#f2d1d2 <цвет>#f8c7c9 #fcbdc0 #ffb2b6

    Восстановление снятой с производства (классической) палитры

    1. Перейдите в папку My Tableau Repository в папке Documents и откройте файл Preferences. tps .

    2. Между открытием и закрытием рабочей книги тегов вставьте открывающие и закрывающие теги предпочтений .

    3. В Preferences.tps между тегами «preferences» вставьте XML-код для палитры, которая больше не поддерживается (см. Hex-значения для палитр, которые больше не поддерживаются). Например:


      #f4737a #bd0a36 #ddc9b4 #ac8763 #b5dffd #6ba3d6 <цвет>#e9c39b #ac613c #ffb6b0 <цвет>#f02720 <цвет>#b5c8e2 <цвет>#2c69b0

      Используйте прямые кавычки (как в ' ' или " " ), а не фигурные кавычки, чтобы разграничить имя и тип палитры.

    4. Сохраните файл Preferences.tps и перезапустите Tableau Desktop.

      Когда вы открываете диалоговое окно «Редактировать цвета» и выбираете «Выбрать цветовую палитру», добавленная вами цветовая палитра будет находиться внизу списка палитр.

    боке.палитр — Боке 2.4.3 Документация

    Предоставляет набор палитр для сопоставления цветов.

    В контексте боке палитра — это простой простой список Python (шестнадцатеричный) цветов RGB. струны. Например, палитра Blues8 , которая выглядит как определяется как:

     ('#084594', '#2171b5', '#4292c6', '#6baed6', '#9ecae1', '#c6dbef', '#deebf7', '#f7fbff')

    Этот модуль содержит следующие наборы палитр:

    • Все палитры ColorBrewer

    • Категориальные палитры D3

    • Палитры Matplotlib Magma, Inferno, Plasma и Viridis

    • Палитра боке, состоящая из цветов логотипа затвора боке

    • Палитры, предназначенные для использования в условиях дефицита цвета

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

    Каждая готовая палитра доступна в виде атрибутов модуля, например. палитры боке YlGn3 или палитры боке Viridis256 . Имя каждого готовую палитру можно найти в __palettes__ атрибут модуля.

    Существуют также такие функции, как magma() и viridis() , который может генерировать списки цветов произвольного размера из специальных палитр большего размера.

    Палитры Brewer также собраны и сгруппированы по имени в пивовар словарь, например: пивовар['Спектральный'][6] . Точно так же есть атрибуты d3 , mpl и дальтоник со словарями соответствующие этим группам палитр.

    Наконец, все палитры собраны в палитры all_palettes атрибут модуля и «маленькие» палитры (т.е. за исключением тех, у которых 256 цвета) собираются и помещаются в атрибут small_palettes .

    Встроенные палитры

    Палитры Matplotlib

    Bokeh включает в себя палитры Matplotlib Magma, Inferno, Plasma, Viridis и Чивидис. В этом разделе показаны предварительно определенные небольшие палитры в этой группе. Существуют также большие 256-цветные версии этих палитр, показанные ниже. в разделе «Большие палитры».

    Сивидис
    3
    4
    5
    6
    7
    8
    9
    10
    11

    Инферно
    3
    4
    5
    6
    7
    8
    9
    10
    11

    Магма
    3
    4
    5
    6
    7
    8
    9
    10
    11

    Плазма
    3
    4
    5
    6
    7
    8
    9
    10
    11

    Виридис
    3
    4
    5
    6
    7
    8
    9
    10
    11

    Палитры D3

    Боке включает в себя категориальные палитры из D3, которые показаны ниже:

    Категория 10
    3
    4
    5
    6
    7
    8
    9
    10

    Категория20
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20

    Категория 20b
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20

    Категория 20c
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20

    Пивоваренные палитры

    Bokeh включает в себя все палитры ColorBrewer, показанные ниже:

    Акцент
    3
    4
    5
    6
    7
    8

    Синий
    3
    4
    5
    6
    7
    8
    9

    БрБГ
    3
    4
    5
    6
    7
    8
    9
    10
    11

    БуГн
    3
    4
    5
    6
    7
    8
    9

    БуПУ
    3
    4
    5
    6
    7
    8
    9

    Темный2
    3
    4
    5
    6
    7
    8

    ГнБу
    3
    4
    5
    6
    7
    8
    9

    Зелень
    3
    4
    5
    6
    7
    8
    9

    Серые
    3
    4
    5
    6
    7
    8
    9

    Оррд
    3
    4
    5
    6
    7
    8
    9

    Апельсины
    3
    4
    5
    6
    7
    8
    9

    ПРГн
    3
    4
    5
    6
    7
    8
    9
    10
    11

    Парный
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12

    Пастель1
    3
    4
    5
    6
    7
    8
    9

    Пастель2
    3
    4
    5
    6
    7
    8

    PiYG
    3
    4
    5
    6
    7
    8
    9
    10
    11

    ПуБу
    3
    4
    5
    6
    7
    8
    9

    ПуБуГн
    3
    4
    5
    6
    7
    8
    9

    ПуОр
    3
    4
    5
    6
    7
    8
    9
    10
    11

    ПуРд
    3
    4
    5
    6
    7
    8
    9

    Пурпурный
    3
    4
    5
    6
    7
    8
    9

    РдБу
    3
    4
    5
    6
    7
    8
    9
    10
    11

    РдГи
    3
    4
    5
    6
    7
    8
    9
    10
    11

    РдПу
    3
    4
    5
    6
    7
    8
    9

    РдИлБу
    3
    4
    5
    6
    7
    8
    9
    10
    11

    РдЫлГн
    3
    4
    5
    6
    7
    8
    9
    10
    11

    Красные
    3
    4
    5
    6
    7
    8
    9

    Набор1
    3
    4
    5
    6
    7
    8
    9

    Набор2
    3
    4
    5
    6
    7
    8

    Набор3
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12

    Спектральный
    3
    4
    5
    6
    7
    8
    9
    10
    11

    ИлГн
    3
    4
    5
    6
    7
    8
    9

    илГнБу
    3
    4
    5
    6
    7
    8
    9

    ЙлОрБр
    3
    4
    5
    6
    7
    8
    9

    ЙлорРд
    3
    4
    5
    6
    7
    8
    9

    Палитра Боке

    Собственная палитра боке, состоящая из цветов логотипа затвора:

    Боке
    3
    4
    5
    6
    7
    8

    Палитры удобства использования

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

    Дальтоник
    3
    4
    5
    6
    7
    8

    Большие палитры

    В дополнение ко всем палитрам, показанным выше, которые доступны в small_palettes , модуль bokeh. palettes также имеет некоторые большие палитры с 256 цветами. Они показаны ниже:

    Серые256

    (пивовар)

    Инферно256

    (мпл)

    Магма256

    (мпл)

    Плазма256

    (мпл)

    Виридис256

    (мпл)

    Сивидис256

    (мпл)

    Турбо256

    (мпл)

    Многие другие 256-цветные перцепционно-однородные палитры доступны во внешнем пакете colorcet.

    Другие атрибуты

    Помимо всех палитр, описанных в разделе выше, есть следующие важные атрибуты в модуле bokeh.palettes :

    __палитры__

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

    Например, первые восемь названий палитр:

     >>> бп.__палитра__[:8]
(«Акцент3», «Акцент4», «Акцент5», «Акцент6», «Акцент7», «Акцент8», «Блюз3», «Блюз4»)

    Примечание

    Полный список всех палитр также доступен в виде перечисления из боке. core.enums :

    Палитра = Перечисление (Accent3, Accent4, Accent5, A …. Rd5, YlOrRd6, YlOrRd7, YlOrRd8, YlOrRd9)
    Просмотреть все значения
     Перечисление(Accent3, Accent4, Accent5, Accent6, Accent7, Accent8,
    Блюз3, Блюз4, Блюз5, Блюз6, Блюз7, Блюз8, Блюз9, Блюз256,
    Боке4, Боке5, Боке5, Боке6, Боке7, Боке8, БрБГ3, БрБГ4,
    БрБГ5, БрБГ6, БрБГ7, БрБГ8, БрБГ9, БрБГ10, БрБГ11, БуГн3, БуГн4,
    BuGn5, BuGn6, BuGn7, BuGn8, BuGn9, BuPu3, BuPu4, BuPu5, BuPu6,
    BuPu7, BuPu8, BuPu9, Категория10_3, Категория10_4, Категория10_5,
    Категория10_6, Категория10_7, Категория10_8, Категория10_9,
    Категория10_10, Категория20_3, Категория20_4, Категория20_5,
    Категория20_6, Категория20_7, Категория20_8, Категория20_9,
    Категория20_10, Категория20_11, Категория20_12, Категория20_13,
    Категория20_14, Категория20_15, Категория20_16, Категория20_17,
    Категория20_18, Категория20_19, Категория20_20, Категория20b3,
    Категория20b4, Категория20b5, Категория20b6, Категория20b7,
    Категория20b8, Категория20b9, Категория20b10, Категория20b11,
    Категория20b12, Категория20b13, Категория20b14, Категория20b15,
    Категория20b16, Категория20b17, Категория20b18, Категория20b19,
    Категория20b20, Категория20c3, Категория20c4, Категория20c5,
    Категория20c6, Категория20c7, Категория20c8, Категория20c9,
    Категория20c10, Категория20c11, Категория20c12, Категория20c13,
    Категория20c14, Категория20c15, Категория20c16, Категория20c17,
    Категория20c18, Категория20c19, Категория20c20, Cividis3, Cividis4,
    Cividis5, Cividis6, Cividis7, Cividis8, Cividis9, Cividis10,
    Cividis11, Cividis256, дальтоник3, дальтоник4, дальтоник5,
    Дальтоник6, Дальтоник7, Дальтоник8, Темный2_3, Темный2_4, Темный2_5,
    Dark2_6, Dark2_7, Dark2_8, GnBu3, GnBu4, GnBu5, GnBu6, GnBu7,
    GnBu8, GnBu9, Зелень3, Зелень4, Зелень5, Зелень6, Зелень7,
    Зеленые8, Зеленые9, Зеленые256, Серые3, Серые4, Серые5, Серые6,
    Greys7, Greys8, Greys9, Greys256, Inferno3, Inferno4, Inferno5,
    Инферно6, Инферно7, Инферно8, Инферно9, Инферно10, Инферно11,
    Инферно256, Магма3, Магма4, Магма5, Магма6, Магма7, Магма8,
    Magma9, Magma10, Magma11, Magma256, OrRd3, OrRd4, OrRd5, OrRd6,
    OrRd7, OrRd8, OrRd9, Апельсины3, Апельсины4, Апельсины5, Апельсины6,
    Апельсины7, Апельсины8, Апельсины9, Апельсины256, ПРГн3, ПРГн4, ПРГн5,
    ПРГн6, ПРГн7, ПРГн8, ПРГн9, PRGn10, PRGn11, Парный3, Парный4,
    В паре5, В паре6, В паре7, В паре8, В паре9, В паре10, В паре11,
    Парное12, Пастель1_3, Пастель1_4, Пастель1_5, Пастель1_6, Пастель1_7,
    Пастель1_8, Пастель1_9, Пастель2_3, Пастель2_4, Пастель2_5, Пастель2_6,
    Pastel2_7, Pastel2_8, PiYG3, PiYG4, PiYG5, PiYG6, PiYG7, PiYG8,
    PiYG9, PiYG10, PiYG11, плазма3, плазма4, плазма5, плазма6,
    Плазма7, Плазма8, Плазма9, Плазма10, Плазма11, Плазма256, PuBu3,
    PuBu4, PuBu5, PuBu6, PuBu7, PuBu8, PuBu9, PuBuGn3, PuBuGn4,
    PuBuGn5, PuBuGn6, PuBuGn7, PuBuGn8, PuBuGn9, ПуОр3, ПуОр4, ПуОр5,
    ПуОр6, ПуОр7, ПуОр8, ПуОр9, ПуОр10, ПуОр11, ПуРд3, ПуРд4, ПуРд5,
    PuRd6, PuRd7, PuRd8, PuRd9, Purples3, Purples4, Purples5,
    Purples6, Purples7, Purples8, Purples9, Purples256, RdBu3, RdBu4,
    RdBu5, RdBu6, RdBu7, RdBu8, RdBu9, RdBu10, RdBu11, RdGy3, RdGy4,
    RdGy5, RdGy6, RdGy7, RdGy8, RdGy9, RdGy10, RdGy11, RdPu3, RdPu4,
    RdPu5, RdPu6, RdPu7, RdPu8, RdPu9, RdYlBu3, RdYlBu4, RdYlBu5,
    RdYlBu6, RdYlBu7, RdYlBu8, RdYlBu9, RdYlBu10, RdYlBu11, RdYlGn3,
    RdYlGn4, RdYlGn5, RdYlGn6, RdYlGn7, RdYlGn8, RdYlGn9, RdYlGn10,
    RdYlGn11, Красные3, Красные4, Красные5, Красные6, Красные7, Красные8, Красные9,
    Красные256, Сет1_3, Сет1_4, Сет1_5, Сет1_6, Сет1_7, Сет1_8, Сет1_9,
    Сет2_3, Сет2_4, Сет2_5, Сет2_6, Сет2_7, Сет2_8, Сет3_3, Сет3_4,
    Сет3_5, Сет3_6, Сет3_7, Сет3_8, Сет3_9, Сет3_10, Сет3_11, Сет3_12,
    Спектральный3, Спектральный4, Спектральный5, Спектральный6, Спектральный7, Спектральный8,
    Spectral9, Spectral10, Spectral11, Turbo3, Turbo4, Turbo5, Turbo6,
    Турбо7, Турбо8, Турбо9, Турбо10, Турбо11, Турбо256, Виридис3,
    Виридис4, Виридис5, Виридис6, Виридис7, Виридис8, Виридис9,
    Виридис10, Виридис11, Виридис256, YlGn3, YlGn4, YlGn5, YlGn6,
    YlGn7, YlGn8, YlGn9, YlGnBu3, YlGnBu4, YlGnBu5, YlGnBu6, YlGnBu7,
    YlGnBu8, YlGnBu9, YlOrBr3, YlOrBr4, YlOrBr5, YlOrBr6, YlOrBr7,
    YlOrBr8, YlOrBr9, YlOrRd3, YlOrRd4, YlOrRd5, YlOrRd6, YlOrRd7,
    YlOrRd8, YlOrRd9)
    all_palettes

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

     >> all_palettes['Виридис'][4]
('# 440154', '# 30678D', '# 35B778', '# FDE724')

    Результирующая палитра выглядит так:

    пивовар

    Группы палитр, включенные в ColorBrewer. Этот словарь индексируется с помощью имя палитры для получения полной группы палитр, например. илГнБу , а затем дополнительно индексируется целым числом, чтобы выбрать палитру определенного размер из группы:

     >> пивовар['YlGnBu'][4]
('#225ea8', '#41b6c4', '#a1dab4', '#ffffcc')

    Результирующая палитра выглядит так:

    d3

    Категориальные группы палитр, включенные из D3. Этот словарь проиндексирован с именем палитры, чтобы получить полную группу палитр, например. Category20b , а затем индексируется целым числом для выбора палитра определенного размера из группы:

     >> d3['Категория20b'][4]
("#393b79", "#5254a3", "#6b6ecf", "#9c9ede")

    Результирующая палитра выглядит так:

    Имена групп палитры D3: Категория 10 , Категория 20 , Категория 20b , Категория 20c

    мпл

    Группы палитр включены из Matplotlib. Этот словарь индексируется с помощью имя палитры для получения полной группы палитр, например. Плазма , а затем дополнительно индексируется целым числом, чтобы выбрать палитру определенного размер из группы:

     >> mpl['Плазма'][4]
('# 440154', '# 30678D', '# 35B778', '# FDE724')

    Результирующая палитра выглядит так:

    Имена групп палитры MPL: Inferno , Magma Плазма , Виридис

    small_palettes

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

     >> small_palettes['Виридис'][4]
('# 440154', '# 30678D', '# 35B778', '# FDE724')

    Результирующая палитра выглядит так:

    Функции

    Модуль bokeh. palettes также имеет несколько функций, которые можно использовать для создания палитр произвольного размера.

    cividis ( n ) [источник]

    Создание палитры цветов или из палитры Cividis.

    Полная палитра Cividis, которая служит исходными данными для создания новых палитр. имеет 256 цветов и выглядит так:

    Параметры

    n ( int ) — размер палитры для генерации

    Возвращает

    последовательность шестнадцатеричных цветовых строк RGB

    Тип возврата

    сл [строка]

    Поднимает

    ValueError, если n больше длины базовой палитры, равной 256 –

    Примеры:

     >>> цивидис(6)
('#00204C', '#31446B', '#666870', '#958F78', '#CAB969', '#FFE945')

    Результирующая палитра выглядит так:

    diverging_palette( палитра1 , палитра2 , n , средняя точка )[источник]

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

    При вводе палитра1 и палитра2 , берем комбинированные n цветов, и объединить входные палитры в относительной средней точке . палитра1 и палитра2 предназначены для последовательных палитр, которые слева направо от воспринимаемых темных цветов к светлым. В таком случае возвращается Палитра состоит из входных палитр, соединенных на перцептивно светлых концах. Палитры объединяются кусочно-линейной интерполяцией.

    Параметры

    • палитра1 ( seq [ str ] ) — последовательность шестнадцатеричных цветовых строк RGB для первой палитры

    • палитра2 ( seq [ str ] ) — последовательность шестнадцатеричных цветовых строк RGB для второй палитры

    • n ( int ) — размер выходной палитры для создания

    • средняя точка ( плавающая , необязательно ) — относительное положение в возвращаемой палитре, где находятся входные палитры. подключен (по умолчанию: 0,5)

    Возвращает

    последовательность шестнадцатеричных цветовых строк RGB

    Тип возврата

    сл [строка]

    Поднимает

    ValueError, если n больше возможной общей длины входных палитр –

    серый( п ) [источник]

    Создание палитры цветов или из палитры серых тонов.

    Полная палитра оттенков серого, которая служит исходными данными для создания новых палитр. имеет 256 цветов и выглядит так:

    Параметры

    n ( int ) — размер палитры для генерации

    Возвращает

    последовательность шестнадцатеричных цветовых строк RGB

    Тип возврата

    сл [строка]

    Поднимает

    ValueError, если n больше длины базовой палитры, равной 256 –

    Примеры:

     >>> серый(6)
('#000000', '#333333', '#666666', '#999999', '#cccccc', '#ffffff')

    Результирующая палитра выглядит так:

    Примечание

    Эта функция также имеет альтернативное написание серый

    серый( n )[источник]

    Создание палитры цветов или из палитры серых тонов.

    Полная палитра оттенков серого, которая служит исходными данными для создания новых палитр. имеет 256 цветов и выглядит так:

    Параметры

    n ( int ) — размер палитры для генерации

    Возвращает

    последовательность шестнадцатеричных цветовых строк RGB

    Тип возврата

    сл [строка]

    Поднимает

    ValueError, если n больше длины базовой палитры, равной 256 –

    Примеры:

     >>> серый(6)
('#000000', '#333333', '#666666', '#999999', '#cccccc', '#ffffff')

    Результирующая палитра выглядит так:

    Примечание

    Эта функция также имеет альтернативное написание серый

    ад( n )[источник]

    Создайте палитру цветов или из палитры Inferno.

    Полная палитра Inferno, которая служит исходными данными для создания новых палитр. имеет 256 цветов, а выглядит так:

    Параметры

    n ( int ) — размер палитры для генерации

    Возвращает

    последовательность шестнадцатеричных цветовых строк RGB

    Тип возврата

    сл [строка]

    Поднимает

    ValueError, если n больше длины базовой палитры, равной 256 –

    Примеры:

     >>> ад(6)
('#000003', '#410967', '#