Основные цвета html: Цвета HTML Color Цветовой круг

Основные цвета

Основные цвета являются основными цветами в данной цветовой системе.

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

Основными цветами для света являются красный, зеленый и синий:

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

Основными цветами для рисования являются красный, желтый и синий:

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

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

Существует 3 вторичных цвета в цветовых системах, описанных здесь.

Смешивание света (RGB)

Вторичные цвета желтый, голубой пурпурный.

Смешивание чернил (CMY)

Вторичные цвета синего, красного, зеленого.

Обратите внимание, что смешивание основных цветов CMY производит основные цвета света (RGB)

Краска для смешивания (синтез системе RYB)

Вторичные цвета оранжевый, зеленый, фиолетовый.

Третичные цвета

Третичные цвета изготавливаются путем смешивания двух вторичных цветов в цветовой системе.

В синтез системе RYB шесть названных третичных цветов:

• Красно-оранжевый
• Жёлто-оранжевый
• Жёлто-зелёный
• Сине-зелёный
• Сине-фиолетовый
• Красно-фиолетовый

❮ Назад Дальше ❯

PHP\CSS\JS\HMTL Editor

Как сделать

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

Еще »

Copyright 2018-2020 HTML5CSS.

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

Шестнадцать именованных цветов, определяемых именем, шестнадцатеричным, десятичным числом и процентами

Шестнадцать именованных цветов

Спецификации HTML 3.2 определил шестнадцать названий цветов для использования в атрибуте HTML. Они стали «шестнадцатью названными цветами», которые могут использоваться по имени для определения цвета в HTML, а теперь и в каскадных таблицах стилей.

На этой странице представлены таблицы шестнадцати цветов с образцами. указывается по имени, шестнадцатеричному коду, десятичному коду, проценту и HSL (оттенок, насыщенность и свет).

. Шестнадцать по имени Colors Hexadecimal
96666. #0000FF	fuchsia #FF00FF
gray #808080	green #008000	lime #00FF00	maroon #800000
navy #000080	olive #808000	purple #800080	red #FF0000
silver #C0C0C0	teal #008080	white #FFFFFF	yellow #FFFF00

Шестнадцать названных цветов с кодом HSL (Hue, Saturation, Light) в атрибуте стиля (Примечание: не все браузеры поддерживают этот способ определения цвета. )
цвет морской волны hsl(180,100%,50%)	черный hsl(0,0%,0%)	синий hsl(240,100%,50%)	фуксия %)
серый hsl(0,0%,50%)	зеленый hsl(120,100%,25%)	салатовый hsl(120,100%,50%)
темно-синий hsl(240,100%,25%)	оливковый hsl(60,100%,25%)	фиолетовый hsl(300,100%,25%)	красный hsl(0,100%,50%)
серебристый hsl(0,0%,75%)	бирюзовый hsl(180,100%,25%)	hsl(180,100%,25%)	белый % ,100%)	желтый hsl(60,100%,50%)

WebD2: Применение цвета в CSS

Обзор

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

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

Использование названий цветов удобно и легко для понимания, но большинство современных компьютерных экранов способны отображать более 16 миллионов цветов. Всех назвать было бы невозможно. Поэтому вместо этого мы идентифицируем их с помощью шестнадцатеричной тройки. Шестнадцатеричный триплет — это шестизначное число, где каждая пара цифр представляет (по порядку) значение красного, зеленого и синего цветов. Каждая пара цифр представляет собой шестнадцатеричное число (с основанием 16), где 00 — наименьшее значение, а FF — наибольшее. Используя эту систему, цвета формируются путем смешивания различных количеств красного, зеленого и синего. Вот несколько примеров:

• #FF0000 имеет максимальное количество красного, но не зеленого или синего (результат: красный)
• #9900FF смешивает много красного, без зеленого и максимум синего (результат: темно-фиолетовый)
• #000000 не имеет цвета (результат: черный)
• #FFFFFF имеет максимальное количество всех цветов (результат: белый)

При использовании таких инструментов, как Color Scheme Designer, ColorBlender, HTML Color Picker от W3Schools или VisiBone Webmaster’s Color Lab, цвета, которые вы выбираете, выражаются в виде шестнадцатеричных триплетов (возможно, в дополнение к другим форматам). Чтобы добавить эти цвета на свой веб-сайт, просто скопируйте и вставьте их (или запишите) в свой файл CSS.

Чтобы отслеживать все цвета в вашей цветовой схеме, может быть полезно добавить их в комментарий вверху внешнего файла CSS. Комментарии — это примечания автора или разработчика, размеченные таким образом, чтобы браузеры знали, что их нужно игнорировать. Все языки разметки или программирования имеют комментарии, но они имеют разные теги для разметки начала и конца комментариев. Ранее вы узнали, что комментарии в HTML содержатся между . В CSS комментарии находятся между /* и */. Вот пример раздела комментариев в CSS:

  /*
    Цветовая схема для этого сайта:
     #4312AE
     #472B83
     #280671
     #7446D7
     #8E6DD7
  */ 

Результаты учащегося

По завершении этого упражнения:

• вы сможете определить два метода выражения цвета в CSS.
• вы сможете определить несколько основных цветов, включая черный и белый, по их шестнадцатеричным кодам
• вы сможете реализовать цветовую схему на веб-сайте, используя CSS для определения цвета фона и шрифта для элементов HTML. 903:30

Занятия

1. Повторите задание из предыдущего урока, но сделайте это для своего собственного сайта-портфолио. Рассмотрите свою целевую аудиторию (включает ли она потенциальных работодателей? Если да, то кто они?). Решите, как вы хотите представить себя этой аудитории, и выберите подходящую цветовую схему.
2. В текстовом редакторе откройте внешнюю таблицу стилей, которую вы создали на последнем уроке. Также откройте домашнюю страницу своего портфолио в веб-браузере. Каждый раз, когда вы вносите изменения во внешнюю таблицу стилей, сохраняйте их и обновляйте домашнюю страницу в браузере, чтобы увидеть результаты изменений. 903:30
3. Добавьте каждое цветовое значение вашей цветовой схемы в комментарий вверху файла CSS.
4. Примените свою цветовую схему к своему веб-сайту, используя некоторые цвета для определения либо цвета (цвета текста), либо цвета фона различных элементов. Если вы применяете цвет фона, убедитесь, что цвет текста, который появляется на этом фоне, имеет достаточную контрастность. Для максимального контраста в большинстве цветовых схем, если цвет фона является светлым, цвет текста должен быть черным; и если цвет фона темный, цвет текста должен быть белым.