HTML-цвета, их коды и названия

HTML-цвета, их коды и названия2017 г. Справочники — Мобильная версия.

• Порядок создания сайта — дизайн, разработка, вёрстка, отладка и т.д. • Шрифты TTF (обычные и декоративные для Word и других программ). • Оптические иллюзии и феномены (тесты на картинках и фото). • Каталог цветоимён с описанием и значениями в формате RGB, CMYK.

HTML-цвета, их коды и названия.

Числовые значения RGB, CMYK, HSV можно определить в программе Photoshop, открыв окно Color Picker (щелкните по квадратному значку палитры цветов) и выбирая цвет на редактируемом рисунке с помощью инструмента Пипетка . Код цвета для таблицы CSS — можно сохранить в память буфера обмена, нажав правую кнопку мыши и выбрав пункт Copy color as HTML . Для того, чтобы получить нужный цвет из таблицы каталога цветоимён — в интерфейсе ColorPicker указывается его известный код RGB (используется в Интернете, с выводом на монитор компьютера и экран мобильных устройств) или CMYK (применяется в полиграфии, при физической печати красками.

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

Использование, так называемой, безопасной палитры (Web-safe color) — было необходимо для передачи цвета без искажений на экране монитора, в те давние времена, когда ещё работали очень старые 8-битные компьютеры с поддержкой всего 256-ти цветов (216+40), которые могли быть отображены одновременно. Сейчас таких ограничений нет на большинстве устройств (могут быть проблемы на стороне софта, например, браузера IE6), имеющих современные видеоадаптеры, даже на мобильных, но восьмибитные графические форматы и дальше широко используются как метод сжатия графики. При этом, значения R, G и B хранятся в специальной таблице (палитре) и каждому пикселу изображения задаётся номер цвета (от 0 до 255) из этой п а л и т р ы. Количество палитровых индексированных цветов можно сделать и меньше 256-ти, для уменьшения размера файла с картинкой. Палитровая таблица зашита в самом графическом файле (GIF, PNG.

В программе Photoshop есть возможность заменить имеющийся на картинке цвет ближайшим из стандартной, для монитора, Web-палитры ( 256 colors ), нажав на аварийный кубик (расположен рядом с кнопками OK, Cancel) в окне Color Picker . При этом, возможна существенная разница исходной и полученной окраски.

Пробу цвета, для сравнения, можно делать прямо с этой страницы — с помощью спец. программ или в графическом редакторе, скопировав туда скрин с экрана (скриншот кнопками Alt + PrtSc в верхнем ряду клавиатуры.

Настройки цвета для страниц сайта задаются в таблицах стилей оформления — во внешних CSS-файлах или прямо в HTML-коде страницы. Это можно сделать разными способами: с помощью фиксированных названий цветов Windows (например, black, white, red и т.д.), или в цифровом виде, с ограниченным дипазоном чисел в десятичном, процентном или HEX-формате ( 0 – 255, #000000 – #FFFFFF, 0.0% – 100.0.

style= color: red; color: #ff0000; color: rgb(100%, 0%, 0%); или rgb(255, 0, 0.

В CSS3 введена модель RGB с альфа-каналом прозрачности (0.1 — минимальная видимость, 0.9 — максимальная.

style= color: rgba(255, 0, 0, 0.5.

Для валидности (соответствие Интернет-стандартам W3C) HTML-кода вашего сайта, надо обозначить цвет и для текста и для фона элементов страницы.

Основные 16 HTML-цветов.

HTML-цвета в текстово-графической таблице с описанием, числовыми значениями (в формате RGB, CMYK) и название на русском и английском языке (с переводом.

Новые дополнения и редкие цветоимена — отмечены знаком вопроса.

* Для быстрого поиска на странице – нажать клавиши CTRL F , набрать, например — ИЗУМРУДН или HEX-код 50C878 В результате поиска, на странице будет найдена, если имеется, информация по этому цвету.

Навигация по таблице (отсортировано по буквам алфавита.

Цвет морской волны.

Вода пляжа Бонди.

Boston University Red.

Красный Универс. Бостона.

Кожа буйвола, палевый.

Коричневый, умбра жжёная.

Салатовый цвет, шартрез.

Dark slate gray.

Тёмный индиго, индиго.

Тёмный хаки, хаки.

Dark pastel green.

Dark spring green.

Тёмный зелёный чай.

Глубокий розовый цвет.

Зелёный серый чай.

International orange (Safety orange.

Международный (сигнальный) оранжевый.

Индийский красный, каштановый.

Малахитовая зелень (малахитовый.

Зелёная мята (мятный.

Pale cornflower blue.

Pale Sandy Brown.

Цвет яйца дрозда.

Ярко-синий («королевский синий.

Safety Orange (Blaze Orange.

School bus yellow.

Цвет жёлтого школьного автобуса.

Цвет морской пены.

Dark terra cotta.

United Nations Blue.

Фиолетовый (фиалковый, синепурпурный.

Список некоторых редких / экзотических цветов в виде картинки.

Рекомендации по настройке цветопередачи (точной передачи цвета) и калибровке ЭЛТ и ЖК мониторов.

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

Примечание: не все программы поддерживают технологию управления цветом по профилю.

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

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

Файл с изображением картинки и оригинал на бумаге — это и есть тестовый комплект для оперативной калибровки своего монитора (любого типа — и трубочного ЭЛТ и ЖК.

ЭЛТ монитор (предпочтителен в профессиональной дизайнерской работе), перед настройкой, нужно сначала прогреть в течение минимум 10-15 минут.

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

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

Открывать файл с картинкой тестового скана и смотреть — в Photoshop на сером фоне . Смотреть при масштабе изображения 100% . то есть сомасштабно с оригиналом на бумаге. Источник внешнего освещения бумажного тестового образца — дневное солнечное (рассеяный свет, без солнечных зайчиков, бликов и отсветов в поле зрения), при хорошей, ясной погоде на улице. Если рядом окно — не должно быть прямых солн-х лучей. В помещении, перед глазами, нежелательны резкие цветовые контрасты. Сверять с оригиналом — располагая рядом.

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

Простейший способ откалибровать монитор на глазок — отрегулировать его яркость (для ЭЛТ мониторов ставится минимальной, при этом — чёрный цвет не должен быть серым) и контраст (хорошая резкость, чёткие границы при сохранении видимости мелких деталей.

Настройка гамма-коррекции — для ЭЛТ мониторов G.

2.2. для новых моделей ЖК / LCD мониторов G.

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

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

— Русские названия цветов, с сортировка по алфавиту (скорее всего, такой же список был, до недавнего времени, на сервисе Яндекса.

— карта цветов (сборник на английском.

— официальный сайт фирмы Pantone Inc, общепризнанного производителя каталогов с эталонными, пронумерованными образцами цветовой модели Пантон, являющимися стандартными для офсетной печати в полиграфии (издательской, рекламной и упаковочной). Их книжки / веера образцовых оттисков — выпускаются для каждой цветовой модели и типа запечатываемых материалов (например, таких носителей, как тиражная бумага или плёнка.

— Словарь с текстовыми описаниями.

О р е н б у р г с к и е п л а т к и . п а л а н т и н ы, ш а р ф ы, к а р д и г а н ы, ш а л и.

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.