Содержание

Цвета HTML Color Теория

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮ Главная Дальше ❯

Цвета отображаются сочетание красного, зеленого и синего света.


Названия цветов

В CSS, цвета могут быть установлены с помощью названия цвета:

Пример

ColorName
 Red
 Yellow
 Cyan
 Blue
 Magenta


Значения цвета CSS

С помощью CSS цвета можно задать различными способами:

  • По именам цветов
  • Как значения RGB
  • В виде шестнадцатеричных значений
  • Как HSL значения (CSS3)
  • Как хвб значения (ксс4)

Цвета RGB

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

Значение цвета RGB задается с помощью: RGB (красный, зеленый, синий).

Каждый параметр (красный, зеленый и синий) определяет интенсивность цвета как целое число между 0 и 255.

Например, RGB (0, 0255) отображается синим цветом, поскольку параметру Blue присвоено наибольшее значение (255), а другим — 0.

Привер

ColorRGBColor
 rgb(255,0,0)Red
 rgb(0,255,0)Green
 rgb(0,0,255)Blue

Оттенки серого часто определяются с использованием одинаковых значений для всех 3 источников света:

Пример

ColorRGBColor
 rgb(0,0,0)Black
 rgb(128,128,128)Gray
 rgb(255,255,255)White



Шестнадцатеричные цвета

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

Шестнадцатеричный цвет задается с помощью: #RRGGBB.

RR (red), GG (зеленый) и BB (синий) являются шестнадцатеричными целыми числами между 00 и FF, указав интенсивность цвета.

Например, #0000FF отображается синим цветом, так как синий компонент имеет наивысшее значение (FF), а остальные — 00.

Цвет

ColorHEXRGBColor
 #FF0000rgb(255,0,0)Red
 #00FF00rgb(0,255,0)Green
 #0000FFrgb(0,0,255)Blue

Оттенки серого часто определяются с использованием одинаковых значений для всех 3 источников света:

Цвет

ColorHEXRGBColor
 #000000rgb(0,0,0)Black
 #808080rgb(128,128,128)Gray
 #FFFFFFrgb(255,255,255)White


Верхний или нижний регистр?

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

Нижний регистр легче писать. Верхний регистр легче читать.


Названия цветов

CSS поддерживает 140 стандартных имен цветов.

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

Название цветаHexColor
AliceBlue#F0F8FF 
AntiqueWhite#FAEBD7 
Aqua#00FFFF 
Aquamarine#7FFFD4 
Azure#F0FFFF 
Beige#F5F5DC 
Bisque#FFE4C4 

❮ Главная Дальше ❯

PHP\CSS\JS\HMTL Editor
Как сделать

Вкладки
Выпадающие
Аккордеоны
Конвертер
Анимированные кнопки
Боковая Навигация
Верхняя навигация
Модальные коробки
Строки хода выполнения
Параллакс
Форма входа
HTML вставка
Google Карты
Ползунки диапазона
Подсказки

Слайдшоу
Список фильтров
Сортировать список

Еще »



Copyright 2018-2020 HTML5CSS. ru

Правила и Условия Политика конфиденциальности О нас Контакты

Выбор цветов в Illustrator

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

Поиск

Последнее обновление May 21, 2021 08:28:07 AM GMT

  1. Руководство пользователя Illustrator
  2. Основы работы с Illustrator
    1. Введение в Illustrator
      1. Новые возможности в приложении Illustrator
      2. Часто задаваемые вопросы
      3. Системные требования Illustrator
      4. Illustrator для Apple Silicon
    2. Рабочая среда
      1. Основные сведения о рабочей среде
      2. Ускоренное обучение благодаря панели «Поиск» в Illustrator
      3. Создание документов
      4. Панель инструментов
      5. Комбинации клавиш по умолчанию
      6. Настройка комбинаций клавиш
      7. Общие сведения о монтажных областях
      8. Управление монтажными областями
      9. Настройка рабочей среды
      10. Панель свойств
      11. Установка параметров
      12. Рабочая среда «Сенсорное управление»
      13. Поддержка Microsoft Surface Dial в Illustrator
      14. Отмена изменений и управление историей дизайна
      15. Повернуть вид
      16. Линейки, сетки и направляющие
      17. Специальные возможности в Illustrator
      18. Безопасный режим
      19. Просмотр графических объектов
      20. Работа в Illustrator с использованием Touch Bar
      21. Файлы и шаблоны
    3. Инструменты в Illustrator
      1. Краткий обзор инструментов
      2. Выбор инструментов
        1. Выделение
        2. Частичное выделение
        3. Групповое выделение
        4. Волшебная палочка
        5. Лассо
        6. Монтажная область
      3. Инструменты для навигации
        1. Рука
        2. Повернуть вид
        3. Масштаб
      4. Инструменты рисования
        1. Градиент
        2. Сетка
        3. Создание фигур
      5. Текстовые инструменты
        1. Текст
        2. Текст по контуру
        3. Текст по вертикали
      6. Инструменты рисования
        1. Перо
        2. Добавить опорную точку
        3. Удалить опорные точки
        4. Опорная точка
        5. Кривизна
        6. Отрезок линии
        7. Прямоугольник
        8. Прямоугольник со скругленными углами
        9. Эллипс
        10. Многоугольник
        11. Звезда
        12. Кисть
        13. Кисть-клякса
        14. Карандаш
        15. Формирователь
        16. Фрагмент
      7. Инструменты модификации
        1. Поворот
        2. Отражение
        3. Масштаб
        4. Искривление
        5. Ширина
        6. Свободное трансформирование
        7. Пипетка
        8. Смешать
        9. Ластик
        10. Ножницы
    4. Быстрые действия
      1. Ретротекст
      2. Светящийся неоновый текст
      3. Старомодный текст
      4. Перекрашивание
      5. Преобразование эскиза в векторный формат
  3. Illustrator на iPad
    1. Представляем Illustrator на iPad
      1. Обзор по Illustrator на iPad.
      2. Ответы на часто задаваемые вопросы по Illustrator на iPad
      3. Системные требования | Illustrator на iPad
      4. Что можно и нельзя делать в Illustrator на iPad
    2. Рабочая среда
      1. Рабочая среда Illustrator на iPad
      2. Сенсорные ярлыки и жесты
      3. Комбинации клавиш для Illustrator на iPad
      4. Управление настройками приложения
    3. Документы
      1. Работа с документами в Illustrator на iPad
      2. Импорт документов Photoshop и Fresco
    4. Выбор и упорядочение объектов
      1. Создание повторяющихся объектов
      2. Объекты с переходами
    5. Рисование
      1. Создание и изменение контуров
      2. Рисование и редактирование фигур
    6. Текст
      1. Работа с текстом и шрифтами
      2. Создание текстовых надписей по контуру
      3. Добавление собственных шрифтов
    7. Работа с изображениями
      1. Векторизация растровых изображений
    8. Цвет
      1. Применение цветов и градиентов
  4. Облачные документы
    1. Основы работы
      1. Работа с облачными документами Illustrator
      2. Общий доступ к облачным документам Illustrator и совместная работа над ними
      3. Публикация документов для проверки
      4. Обновление облачного хранилища для Adobe Illustrator
      5. Облачные документы в Illustrator | Часто задаваемые вопросы
    2. Устранение неполадок
      1. Устранение неполадок с созданием или сохранением облачных документов в Illustrator
      2. Устранение неполадок с облачными документами в Illustrator
  5. Добавление и редактирование содержимого
    1. Рисование
      1. Основы рисования
      2. Редактирование контуров
      3. Рисование графического объекта с точностью на уровне пикселов
      4. Рисование с помощью инструментов «Перо», «Кривизна» и «Карандаш»
      5. Рисование простых линий и фигур
      6. Трассировка изображения
      7. Упрощение контура
      8. Определение сеток перспективы
      9. Инструменты для работы с символами и наборы символов
      10. Корректировка сегментов контура
      11. Создание цветка в пять простых шагов
      12. Рисование перспективы
      13. Символы
      14. Рисование контуров, выровненных по пикселам, при создании проектов для Интернета
    2. 3D-эффекты и материалы Adobe Substance
      1. Подробнее о 3D-эффектах в Illustrator
      2. Создание трехмерной графики
      3. Проецирование рисунка на трехмерные объекты
      4. Создание трехмерного текста
      5. Создание объемных объектов (классическая версия)
      6. Изменение свойств 3D-объектов (классическая версия)
      7. Отображение рисунка на объемный объект (классическая версия).
    3. Цвет
      1. О цвете
      2. Выбор цветов
      3. Использование и создание цветовых образцов
      4. Коррекция цвета
      5. Панель «Темы Adobe Color»
      6. Цветовые группы (гармонии)
      7. Панель «Темы Color»
      8. Перекрашивание графического объекта
    4. Раскрашивание
      1. О раскрашивании
      2. Раскрашивание с помощью заливок и обводок
      3. Группы с быстрой заливкой
      4. Градиенты
      5. Кисти
      6. Прозрачность и режимы наложения
      7. Применение обводок к объектам
      8. Создание и редактирование узоров
      9. Сетки
      10. Узоры
    5. Выбор и упорядочение объектов
      1. Выделение объектов
      2. Слои
      3. Группировка и разбор объектов
      4. Перемещение, выравнивание и распределение объектов
      5. Размещение объектов    
      6. Блокировка, скрытие и удаление объектов
      7. Копирование и дублирование объектов
      8. Поворот и отражение объектов
      9. Переплетение объектов
    6. Перерисовка объектов
      1. Кадрирование изображений
      2. Трансформирование объектов
      3. Объединение объектов
      4. Вырезание, разделение и обрезка объектов
      5. Марионеточная деформация
      6. Масштабирование, наклон и искажение объектов
      7. Объекты с переходами
      8. Перерисовка с помощью оболочек
      9. Перерисовка объектов с эффектами
      10. Создание фигур с помощью инструментов «Мастер фигур» и «Создание фигур»
      11. Работа с динамическими углами
      12. Улучшенные процессы перерисовки с поддержкой сенсорного ввода
      13. Редактирование обтравочных масок
      14. Динамические фигуры
      15. Создание фигур с помощью инструмента «Создание фигур»
      16. Глобальное изменение
    7. Текст
      1. Дополнение текстовых и рабочих объектов типами объектов
      2. Создание маркированного и нумерованного списков
      3. Управление текстовой областью
      4. Шрифты и оформление
      5. Форматирование текста
      6. Импорт и экспорт текста
      7. Форматирование абзацев
      8. Специальные символы
      9. Создание текста по контуру
      10. Стили символов и абзацев
      11. Табуляция
      12. Текст и шрифты
      13. Поиск отсутствующих шрифтов (технологический процесс Typekit)
      14. Обновление текста из Illustrator 10
      15. Шрифт для арабского языка и иврита
      16. Шрифты | Часто задаваемые вопросы и советы по устранению проблем
      17. Создание эффекта 3D-текста
      18. Творческий подход к оформлению
      19. Масштабирование и поворот текста
      20. Интерлиньяж и межбуквенные интервалы
      21. Расстановка переносов и переходы на новую строку
      22. Усовершенствования работы с текстом
      23. Проверка орфографии и языковые словари
      24. Форматирование азиатских символов
      25. Компоновщики для азиатской письменности
      26. Создание текстовых проектов с переходами между объектами
      27. Создание текстового плаката с помощью трассировки изображения
    8. Создание специальных эффектов
      1. Работа с эффектами
      2. Стили графики
      3. Создание тени
      4. Атрибуты оформления
      5. Создание эскизов и мозаики
      6. Тени, свечения и растушевка
      7. Обзор эффектов
    9. Веб-графика
      1. Лучшие методы создания веб-графики
      2. Диаграммы
      3. SVG
      4. Создание анимации
      5. Фрагменты и карты изображений
  6. Импорт, экспорт и сохранение
    1. Импорт
      1. Помещение нескольких файлов в документ
      2. Управление связанными и встроенными файлами
      3. Сведения о связях
      4. Извлечение изображений
      5. Импорт графического объекта из Photoshop
      6. Импорт растровых изображений
      7. Импорт файлов Adobe PDF
      8. Импорт файлов EPS, DCS и AutoCAD
    2. Библиотеки Creative Cloud Libraries в Illustrator 
      1. Библиотеки Creative Cloud Libraries в Illustrator
    3. Диалоговое окно «Сохранить»
      1. Сохранение иллюстраций
    4. Экспорт
      1. Использование графического объекта Illustrator в Photoshop
      2. Экспорт иллюстрации
      3. Сбор ресурсов и их массовый экспорт
      4. Упаковка файлов
      5. Создание файлов Adobe PDF
      6. Извлечение CSS | Illustrator CC
      7. Параметры Adobe PDF
      8. Информация о файле и метаданные
  7. Печать
    1. Подготовка к печати
      1. Настройка документов для печати
      2. Изменение размера и ориентации страницы
      3. Задание меток обреза для обрезки и выравнивания
      4. Начало работы с большим холстом
    2. Печать
      1. Наложение
      2. Печать с управлением цветами
      3. Печать PostScript
      4. Стили печати
      5. Метки и выпуск за обрез
      6. Печать и сохранение прозрачных графических объектов
      7. Треппинг
      8. Печать цветоделенных форм
      9. Печать градиентов, сеток и наложения цветов
      10. Наложение белого
  8. Автоматизация задач
    1. Объединение данных с помощью панели «Переменные»
    2. Автоматизация с использованием сценариев
    3. Автоматизация с использованием операций
  9. Устранение неполадок 
    1. Проблемы с аварийным завершением работы
    2. Восстановление файлов после сбоя
    3. Проблемы с файлами
    4. Поддерживаемые форматы файлов
    5. Проблемы с драйвером ГП
    6. Проблемы устройств Wacom
    7. Проблемы с файлами DLL
    8. Проблемы с памятью
    9. Проблемы с файлом настроек
    10. Проблемы со шрифтами
    11. Проблемы с принтером
    12. Как поделиться отчетом о сбое с Adobe
    13. Повышение производительности Illustrator

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

Для выбора цвета можно использовать любые из следующих средств.

Палитра «Образцы» и палитры библиотеки цветов

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

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

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

Инструмент «Пипетка»

Обеспечивает выбор цветов из иллюстрации при щелчке на ней.

Палитра «Цвет»

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

Палитра «Каталог цветов»

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

Диалоговое окно «Редактировать цвета/Перекрасить графический объект»

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

Команда «Добавить выбранные цвета» или кнопка «Создать цветовую группу»

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

Окно «Палитра цветов» позволяет выбрать цвет заливки или обводки объекта с помощью выбора из поля цвета и спектра, определения цветов в цифровой форме или щелчка на образце.

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

A. Поле цвета B. Цветовые значения HSB C. Новый цветной прямоугольник D. Исходный цветной прямоугольник E. Шкала цвета F. Спектр цветов G. Цветовые значения RGB H. Шестнадцатеричное цветовое значение I. Цветовые значения CMYK 

Отображение окна «Палитра цветов»

  1. Дважды щелкните поле выбора цвета заливки или обводки на панели «Инструменты» или палитре «Цвет».

Изменение спектра цветов, отображаемого в окне «Палитра цветов»

  1. Щелкните одну из букв: H (Цветовой тон), S (Насыщенность), B (Яркость), R (Красный), G (Зеленый) или B (Синий).

Отображение только безопасных веб-цветов

Безопасными веб-цветами называются цвета, используемые во всех веб-браузерах, независимо от платформы.

  1. Выберите команду «Только Web-цвета».

Просмотр цветовых образцов вместо спектра цветов

  1. Нажмите кнопку «Цветовые образцы». Нажмите кнопку «Цветовые модели» для возврата к просмотру спектра цветов.

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

  1. Щелкните или перетащите курсор внутри спектра цветов. Круговой маркер указывает положение цвета в спектре.

  2. Перетащите треугольники вдоль цветовой шкалы или щелкните внутри цветовой шкалы.

  3. Введите значения в любом из текстовых полей.

  4. Нажмите кнопку «Цветовые образцы», выберите образец и нажмите кнопку «ОК».

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

Палитра «Цвет»

A. Цвет заливки B. Цвет обводки C. Меню палитры D. Поле «Без цвета» E. Палитра спектра цветов F. Шкала цвета G. Текстовое поле для компонента цвета 

Изменение цветовой модели

  1. Выберите в меню палитры команду «Градации серого», «RGB», «HSB», «CMYK» или «Цвета Web RGB».

Отображение в палитре всех параметров

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

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

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

    • Перетащите ползунок или щелкните его.

    • Удерживая нажатой клавишу «Shift», перетаскивайте ползунок шкалы цвета, чтобы переместить относительно него другие ползунки (за исключением ползунков HSB). В результате цвет останется подобным прежнему, но приобретет другой оттенок или интенсивность.

    • Введите значения в любом из текстовых полей.

    • Щелкните в палитре спектра цветов в нижней части. Чтобы не выбирать никаких цветов, щелкните рамку «Нет» слева от цветовой шкалы. Чтобы выбрать белый цвет, щелкните образец белого в верхнем правом углу цветовой шкалы. Чтобы выбрать черный цвет, щелкните образец черного в нижнем правом углу цветовой шкалы.

Связанные материалы

  • Использование и создание образцов
  • Цветовые группы (гармонии)
  • О цветах в цифровой графике
  • О цветах в цифровой графике
  • О цвете
  • Использование и создание образцов
  • Цветовые группы (гармонии)
  • Регулировка цветов

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

Войти

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

Colors Tutorial

❮ Главная Далее ❯

Цвета отображаются комбинацией КРАСНОГО, ЗЕЛЕНОГО и СИНЕГО света.


Названия цветов

С помощью CSS цвета можно задавать с помощью имен цветов:

Пример

0020
Цвет Имя
Красный
Желтый
Cyan
Blue
Blue
Blue
Blue
Blue
  Пурпурный

Попробуйте сами »


Значения цветов CSS

С помощью CSS цвета можно указывать разными способами:

3

Имена цветов
  • Как значения RGB
  • В виде шестнадцатеричных значений
  • Как значения HSL (CSS3)
  • Как значения HWB (CSS4)
  • С ключевым словом currentcolor

  • Цвета RGB

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

    Значение цвета RGB указывается с помощью: rgb( КРАСНЫЙ , ЗЕЛЕНЫЙ , СИНИЙ ).

    Каждый параметр определяет интенсивность цвета как целое число от 0 до 255.

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

    Пример

    Цвет RGB Цвет
      RGB(255,0,0) Красный
      RGB(0,255,0) Зеленый
      RGB(0,0,255) Синий

    Попробуйте сами »

    Оттенки серого часто определяются с использованием одинаковых значений для всех 3 источников света:

    Пример

    Цвет RGB Цвет
      RGB(0,0,0) Черный
      RGB(128 128 128) серый
      RGB(255 255 255) Белый

    Попробуйте сами »



    Шестнадцатеричные цвета

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

    Шестнадцатеричный цвет указывается с помощью: #RRGGBB .

    RR (красный), GG (зеленый) и BB (синий) — шестнадцатеричные целые числа от 00 до FF, определяющий интенсивность цвета.

    Например, #0000FF отображается синим цветом, потому что для синего компонента установлено максимальное значение (FF), а для остальных — 00.

    Пример

    Цвет Шестигранник RGB Цвет
      #FF0000 RGB(255,0,0) Красный
      #00FF00 RGB(0,255,0) Зеленый
      #0000FF RGB(0,0,255) Синий

    Попробуйте сами »

    Оттенки серого часто определяются с использованием одинаковых значений для всех 3 источников света:

    Пример

    Цвет Шестигранник RGB Цвет
      #000000 RGB(0,0,0) Черный
      #808080 RGB(128 128 128) серый
      #FFFFFF RGB(255 255 255) Белый

    Попробуйте сами »


    Верхний или нижний регистр?

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

    Нижний регистр легче писать. Верхний регистр легче читать.


    Имена цветов

    CSS поддерживает 140 стандартных названий цветов.

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

    Название цвета Шестигранник Цвет
    Элисблю #F0F8FF  
    Античный белый #FAEBD7  
    Цвет морской волны #00FFFF  
    Аквамарин #7FFFD4  
    Лазурный #F0FFFF  
    Бежевый #F5F5DC  
    Биск #FFE4C4  


    Ключевое слово currentcolor

    Ключевое слово currentcolor относится к значению свойства цвета элемента.

    Пример

    Цвет границы следующего элемента

    будет синим, потому что цвет текста элемента
    синий:

    #myDIV {
      цвет: синий; /* Синий цвет текста */
      border: 10px solid currentcolor; /* Синий цвет рамки */
    }

    Попробуйте сами »

    ❮ Главная Далее ❯


    НОВИНКА

    Мы только что запустили
    Видео W3Schools

    Узнать

    ВЫБОР ЦВЕТА
    КОД ИГРЫ

    Играть в игру




    Top Tutorials
    Учебное пособие по HTML
    Учебное пособие по CSS
    Учебное пособие по JavaScript
    Учебное пособие
    Учебник по SQL
    Учебник по Python
    Учебник по W3.CSS
    Учебник по Bootstrap
    Учебник по PHP
    Учебник по Java
    Учебник по C++
    Учебник по jQuery

    Основные ссылки
    HTML Reference
    CSS Reference
    JavaScript Reference
    SQL Reference
    Python Reference
    W3. CSS Reference
    Bootstrap Reference
    PHP Reference
    HTML Colors
    Java Reference
    Angular Reference
    jQuery Reference

    лучших примера
    Примеры HTML
    Примеры CSS
    Примеры JavaScript
    Примеры инструкций
    Примеры SQL
    Примеры Python
    Примеры W3.CSS
    Примеры Bootstrap
    Примеры PHP
    Примеры Java
    Примеры XML
    Примеры jQuery

    FORUM | О

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

    Copyright 1999-2022 Refsnes Data. Все права защищены.
    W3Schools работает на основе W3.CSS.

    Название цвета RGB 2 — Алгоритм wilsonmar

    Этот API упрощает для художников определение названий цветов для использования английских слов для описания цветов.

    Цвета определяются тремя целыми числами для RGB (красный зеленый синий). Программа возвращает черный цвет, если какое-либо число превышает максимальное значение 255 для каждого цвета. 255 x 255 x 255 = 16 581 375 возможных значений отдельных цветов.

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

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

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

    Цвета нескольких известных социальных сетей и технологических компаний известны этому API благодаря https://www.materialui.co/socialcolors. В этот API были добавлены дополнительные компании, такие как Google, Amazon и IBM.

    Пример 1. Эквивалент IBM Blue и Hex

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

    3 ://www-03.ibm.com/press/us/en/photo/20190.wss IBM определяет синий цвет своей торговой марки как «PMS 2718C; Эквивалент процесса: голубой 75%, пурпурный 43%, желтый 0% , черный 0%, эквивалент

    RGB: красный 90, зеленый 135, синий 197 ; Эквивалент вещания: красный 22%, зеленый 42%, синий 70%.: Посмотрим, распознает ли его этот API:

        [90 135 197]    

    Вывод:

     {
      "ColorName": "Голубой IBM",
      «ЦветRGB»: [90 135 197],
      "ColorHex": "# 5A87C5",
      "ЦветДифф": "(+0,+0,+0)"
    } 

    «#5A87C5» — это шестнадцатеричный эквивалент найденного цвета RGB.

    «(+0,+0,+0)» означает, что найденный цвет является прямым совпадением с введенным цветом.

    Пример 2: Pantone

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

    Цвета Pantone «PMS» взяты с сайта http://us.labelpartners.com/pantone_coated_table.html.

    За определенную плату Pantone предлагает инструменты, которые профессионалы используют для указания и измерения большого количества цветов, таких как «самый уродливый цвет в мире» Pantone 448 C в [«74», «65», 42″], который используется правительствами чтобы препятствовать курению. 

    Пример 3: X11, SVG, CSS

    Стандарты X11 и SVG были созданы для обозначения цветов, которые лучше всего могут отображаться на аппаратном обеспечении монитора с минимальной обработкой (в то время, когда у дисплеев была меньшая гамма, чем сегодня).

    Пример ввода:

       [221,18,137]    

    Наиболее близок к цвету с названием «burlywood», коричневатый цвет определяется стандартом X11, поскольку «#DEB887» – это шестнадцатеричное значение, используемое в CSS для отображения на мониторах компьютеров . Такие цвета могут быть недоступны в физической краске в хозяйственном магазине.