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

Цвета HTML

Использование ключевых слов для цветов в HTML и CSS

Для указания цвета в HTML и CSS разрешается использование как значений различных цветовых моделей (смотреть), так и специальных ключевых слов. При этом, если на первоначальном этапе развития HTML для обозначения основных цветов было предусморено всего 16 названий, то позже были добавлены еще 130 дополнительных ключевых слов. Таким образом в HTML 5 стандартом закреплено уже целых 146 названий наиболее распространенных цветов, нечувстительных к регистру символов и прекрасно поддерживаемых всеми современными браузерами.

Таблицы названий цветов HTML

В таблицах ниже приведены названия всех цветов, закрепленных стандартном HTML 5 , а также соответствующие им десятичные и шестнадцатеричные значения в системе RGB . При этом следует обратить внимание на то, что не все ключевые слова указывают на уникальные цвета, т.к. некоторые из названий являются просто синонимами. Например, ключевые слова Gray и Grey задают один и тот же серый цвет #808080 в системе RGB . Опять же, несмотря на то, что в таблице названия html -цветов указаны в верблюжей нотации, записывать их можно в любом регистре.

Основные цвета Белые тона Серые тона Красные тона Розовые тона Оранжевые тона Желтые тона Коричневые тона Зеленые тона Синие тона Фиолетовые тона

Цвета в CSS (таблица названий с примерами)

Ниже Вы можете найти полную таблицу стандартных цветов, которые работают во всех браузерах.

В качестве цвета можно задать цвет в шестнадцатеричном формате HEX, например #A52A2A или используя CSS название цвета, например: blue .

Цвет текста

Как изменить цвет текста или шрифта в CSS? На самом деле задать нужный цвет или изменить можно простым свойством:

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

Цвет ссылок

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

Если нужно менять цвет при наведении, тогда добавляем псевдо-класс :hover:

Цвет фона, кнопки, блока

Меняется свойством background-color или просто background :

Цвет рамки

Цвет рамки задается через свойство border-color :

Таблица цветов

Ниже представлена вся палитра стандартных CSS цветов. Просто нажмите на название цвета или его шестнадцатеричный HEX код.

Таблица цветов HTML и CSS

А вы знали, что CSS для раскраски HTML предлагает для использования более ста сорока цветов?

Я говорю не о тех, которые можно назначить с помощью шестнадцатеричного представления, вроде #rrggbb или аналогичный им десятеричной триаде rgb(rr, gg, bb). Это цвета, для которых выделено именованное название.

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

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

Приведенные ниже значения можно использовать для задания:

• цвета фона background-color (как в таблице ниже);
• цвета текста color;
• в других местах, подразумевающих ввод цвета, например, свойства border-color, box-shadow и некоторые другие.

Для использования в HTML существует атрибут style, например, следующий код раскрасит блок в красный цвет:

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

HTML-цвета, color-коды – их описание и названия на русском и английском языке

Числовые значения 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
В результате поиска, на странице будет найдена, если имеется, расшифровка кода, с информацией по цвету.

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

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

Каталог названий цвета в русском языке (с дополнениями)

абрикосовый – оранжево-желтый, красновато-желтый.

амарантовый – сиренево-розовый, светло-лиловый.

английский газон – ярко-зеленый

анисовый лед – холодный зеленовато-желтый

апельсиновый – оранжевый, ярко-оранжевый.

апрельское небо – голубая лазурь

балтийский пляж – беловато-бежевый

балтийский туман – тусклый светло-серый

бархатное небо – насыщенный темно-синий

бархатный подсолнух – темно-золотистый

белая ночь – светловато-белесый

берестяная грамота – золотисто-коричневый

бесконечно синее небо – глубокий синий

болотные сумерки – зеленовато-бурый

брусничный дождь – прозрачный красновато-розовый

брызги шампанского – искрящийся светло-желтый

брюшко тропической рыбки – серебристо-белый

бусый – темный голубо-серый или серо-голубой

бушующий океан – сиренево-розовый с металлическим блеском

Веджвуд – цвет веджвудского фарфора; фиалковый, серовато-голубой

венская зелень – нежно-зеленый

весенняя проталина – темно-бурый

вечер на рейде – черно-синий

вечернее южное небо – ультрамарин.

вечерний синий – темно-синий.

вишнёвый – цвета поспевшей вишни, тёмно-красный.

водяная феерия – перламутрово-голубой.

волна и пена – сочетание белого и сине-серого.

восход в восточных садах – теплый ярко-розовый.

восход в сопках – холодный розовый.

высохшая саванна – выгоревший серо-желтый.

глаза пантеры – светящийся желто-зеленый.

гнедой окрас – близкий к рыжему.

голубое сердце – серебристо-голубой

голубое утро – нежный сиренево-голубой

голубой ангел – бледно-голубой

голубой Дунай – веселый голубой

голубой Терек – прозрачный голубой

голубой цвет Пикассо – грязновато-голубой (характерный для картин Пикассо)

горные вершины – сверкающий белый

горящий камин – огненно-красный

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

грозовой перевал – темно-серый

Дельфт – цвет дельфтского фарфора: серовато-синий с лиловым оттенком

деним – цвет темной джинсовой ткани: серовато-синий

дождливый восход – розовато-серый

дождь (цвет дождя) – прозрачный сероватый

жемчужная пашня – цвет изморози на влажном весеннем поле: буровато-седой

закат в джунглях – жгучий желто-красный

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

закат в песках Сахары – золотисто-оранжевый

запах розы – пастельно-розовый

заросли камыша – мягкий буро-зеленый

затмение – тревожный черно-серый

зеленый полумрак – темный бархатисто-зеленый

зимнее утро – холодный бледно-голубой

зимние сумерки – серовато-голубой

золотая дюна – светло-песочный с золотистым оттенком

золотая осень – багряно-желтый

золотое руно – переливающийся палево-рыжий

изумруд Нефертити – темно-изумрудный

изумрудные сумерки – бархатисто-зеленый

изумрудный гейзер – цвет сверкающих на солнце зеленых брызг воды

изумрудный шартрез – искрящийся темно-зеленый

испанское вино – цвет темного красного вина

Италийская ваза – терракотовый

Каирская роза – оранжево-розовый

калина красная – темно-алый

камышовая тишь – мягкий буро-зеленый

карельский туман – молочно-белесый

киноварный – цвет киновари, ярко-красный.

кипенный сад – кипенно-белый (цветы фруктового сада в разгар цветения).

кипящая лава – слепящий огненно-красный

клубничная весна – интенсивно-розовый с синевой

коралловое утро – пастельный морковно-розовый

космический голубой – глубокий голубой

космический синий – глубокий синий

красный в тонах Пикассо – багрово-красный (характерный для картин Пикассо)

красный от Монро – цвет алого платья Мерилин Монро

красный цвет Матисса – серовато-красный (характерный для картин Матисса)

крымская лазурь – цвет морской дали в ясный день: яркий зеленовато-голубой

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

лава Везувия – огненный

лазуревый – устаревшая форма слова лазоревый.

латунный – оттенок темно-желтого.

ледяной шторм – темный сине-серый с блестками

лиловый негр – сиреневато-шоколадный

лондонский рассвет – светло-серый с розоватым оттенком

лунная лава – цвет старой застывшей лавы: голубоватый серо-желтоватый

лунное затмение – иссиня-черный

лунный камень – глянцевый молочно-белый

лунный свет – холодный бледно-голубоватый

луч заходящего солнца – нежный пурпурно-красный

Мейсен – цвет мейсенского фарфора: темно-голубой

малахитовый зал – насыщенный темно-зеленый

мартовские тени – голубовато-серый

метистовая ночь – темный фиолетово-синий

молоко матери – кремово-белый

монастырский белый – чистый аскетический белый

море после шторма – серовато-синий

мороз и солнце – сочетание солнечно-желтого и голубого

морские камни – глянцевый голубовато-бурый

московские сумерки – сизо-серый

муаровый (франц. moire) – с волнистым отливом; переливающийся цвет.

муравый, муравленый – цвет луговой травы.

невская вода – голубовато-стальной

нефрит Клеопатры – матово-зеленый

низкое небо – мрачно-серый

нильский закат – оранжевый

ноготковый – желтый с красным оттенком.

крымская ночь – глубокая чёрная бирюза.

ночь влюбленных – тёмно-бирюзовый.

ночная вода – темный агат

ночная река – маслянистый зелено-черный

ночная тайга – черно-зеленый

ночной луг – зеленовато-черный

нью-йоркский смог – бледно-серый

оксфордский синий – тёмно-васильковый.

опаловый – цвета молочного опала, матово-белый с радужным отливом.

орлецовый – цвета орлеца (красного родонита); вишнево-розовый.

осенний закат – тревожный багряно-красный

осенние сумерки – лиловато-серый

открытое небо – открытый голубой

отлив – грязноватый сине-зеленый

оттенок весны – нежно-оливковый

офисный зеленый – цвет зеленого бильярдного сукна

парижская грязь – булыжный

пасхальный красный – охристо-алый

патина Исаакия – салатовый, зеленый с седым налетом

пепел розы – розовато-серый

персидский голубой – голубой с лиловым оттенком

песчаная буря – желтовато-серый

петербургский рассвет – однообразный тоскливо-серый с малиновым проблеском

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

подмосковный загар – средне-смуглый

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

поздняя осень – темно-бурый

поземка – холодный сизо-белый

полночная синь – черно-синий

порфировый – цвет пурпурной мантии,одеваемой монархом в торжественных случаях.

предпасхальная бирюза московского неба – ярко-голубой

прерия – выгоревший зеленый

пряный бальзам – коричнево-красный

пучина океана – сине-черный.

цвет пьяной вишни – сероватый бордо.

ранние сумерки – голубовато-серый.

ранняя весна – прозрачный светло-голубой

ранняя осень – золотисто-зеленый

рассвет в ущелье – розовато-серый

рассвет на Валдае – красно-розовый

рассвет на Эльбрусе – светло-голубой с красным и белым

редмахагони – цвет красного дерева

рубин Моголов – глубокий малиновый

саванна – выгоревший желто-зеленый

свежее утро – нежный розовато-голубой

свет утра – розово-серый

северное сияние – переливающийся голубовато-розовый

северный восход – малиновый

седое алоэ – белесый зеленый

седой кирпич – кирпично-красный с белесым налетом

серебристо-полярный – серебристый голубовато-белый

серый прибой – серовато-голубой

синева южного неба – бархатно-синий

сиреневые сумерки – сиренево-серый

сиреневый дождь – прозрачный сиренево-серый

ситец летнего неба – ярко-голубой

скандинавские фьорды – мрачный синевато-серый

слоеное мороженое – сочетание молочно-белого, розового и светло-коричневого

смальта (или шмальта) – ярко-синий

смарагдовый сомик – глянцевый сочно-зеленый

смог над городом – светлый графитно-серый

смуглый мед – цвет светлого гречишного меда: золотисто-коричневый

солнечная роса – перламутрово-желтый

солнце в пустыне – слепящий желто-белый

старинные румяна – пунцово-красный

старое бургундское – темно-красный

старый аквариум – мутно-зеленый

студеный ручей – стальной голубой

сургучный – цвет почтового сургуча, коричневый.

таежное урочище – цвет темно-зеленой хвои

таежный омут – зелено-черный

таинственный лес – мрачный серо-зеленый

терракотовый – цвета терракоты, тёмно-рыжий, кирпично-красный, медно-красный.

тихая заводь – цвет темно-зеленой тины

туман у импрессионистов – серебристо-розовый

тусклый день – тусклый серо-голубой

утренние скалы – розовато-серый

утренние сумерки – голубовато-серый

утренний асфальт – розоватый белесо-серый

утренний плес – розово-песочный

утренний смог – полупрозрачный светло-серый

утренняя дымка – прозрачный дымчато-голубой

уходящее солнце – красно-золотой

флорентийская эмаль – яркий индиго

флотский синий – темно-синий

французский беж – изысканный бежевый

хмурое утро – тревожно-серый

холодное небо – светло-голубой

цветущая сакура – бледно-сиреневый.

черная слеза – блестящий черный

чернила осьминога – темно-фиолетовый

черные сумерки – бархатный черный.

чесучовый – цвета чесучи, желтовато-песочной шелковой ткани.

шабо – чёрный какао.

шамуа – похожий на цвет верблюжьей шерсти, светло-коричневый, «кремовый».

шафранный – тёмно-жёлтая расцветка.

шотландский красный – чистокрасный.

шубка крота – чёрный кофе.

южный загар – шоколадно-смуглый

южная лазурь – глубокий синий

южная ночь – бархатисто-черный

янтарный – тёмно-жёлтый, медовый.

яркая лазурь предмайского неба – яркий небесно-голубой

ясписовый (греч.Iaspis’яшма’) – от песочного до ярко-красного.

яхонтовый – цвет рубина или сапфира, чаще рубина (корунд тёмно-красного цвета).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для того, чтобы поменять цвет текста, мы используем атрибут «color» для тега «font» (об этом я уже говорил в статье » Форматирование текста » ) :

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

• Red (красный)
• Orange (оранжевый)
• Yellow (желтый)
• Green (зеленый)
• Blue (голубой)
• Indigo (синий)
• Violet (сиреневый)
• Purple (фиолетовый)
• Pink (розовый)
• Silver (серебряный)
• Gold (золотой)
• Beige (бежевый)
• Brown (коричневый)
• Gray (серый)
• Black (черный)
• White (белый)

красный оранжевый желтый зеленый голубой синий сиреневый фиолетовый розовый серебряный золотой бежевый коричневый серый черный белый

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

Если использовать код цвета, то достаточно поставить в атрибуте «color» решетку «#», а потом код цвета:

Если вы хотите сделать красный немножко потемнее , тогда используйте другой код:

Результат: красный красный

○ Где брать код цвета?
Вы можете смотреть в таблицу цветов для html, выбирать подходящий цвет, копировать его код и вставлять на веб страницу. Ничего сложного .

А можно цвет кода выводить самому. Нужно только знать, что цвет задаётся в шестнадцатеричной системе счисления (цифры от «0» до «9» и латинские буквы от «a» до «f»).

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

html цвета — название и коды

Если вы хотите поправить цветовую составляющую текста на вашем сайте, например, для фона — то вам надо, как минимум, узнать что такое web-color. Далее принцип работы простой — вы просто копируете html-код расцветки и вставляете его к себе в css-стилевой файл. В данной статье будут рассмотрены популярные цветовые палитры.

В html формате

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

Меняем цвет текста на сайте

1) html код вставляем в специальный файл css, обычно он называется style.css — вот такие примерно строки появятся в нем:

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

Примерно может выглядеть так — вносим правки в тег body:

На закрытых движках типа ucoz — это делается по-другому, хотя там этот css-файл выведен отдельной ссылкой(об этом напишу позже).

2) Если вам нужно поменять цвет текста в отдельном абзаце , то встраивается такая конструкция (но она не приветствуется профессионалами, но на это мало кто смотрит и не смотрят поисковики типа Яндекса и Google, Mail, Rambler — то есть основным ПС это безразлично, потому что это «не ошибка»)

А вставляется такая конструкция:

То есть применительно к абзацу, а это тег p, конструкция будет иметь следующий вид:

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

3) Если вам нужно изменить цвет ссылки html — конструкция приобретает следующий вид:

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

Таблица цветов html

Только также не забывайте вставить знак решетки перед кодом:

Сервис от Яндекса

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

Упрощенная форма

Если вы знаете хоть немного знаете английский язык то вам еще проще будет освоить упрощенную форму записи популярных цветов в html на английском. К, примеру: brown — коричневый, green — зеленый, blue — синий, red — красный, white — белый, grey — серый, black — черный и тд. Вот как это будет выглядеть:

То есть, все то же самое, просто заменяем код на слова.

Пока на этом все, я надеюсь вам была полезна статья, следите за новостями http://saitsozdanie.ru.

Более новые статьи:

• Один из недостатков rgb цветов, с которым я промучился часа 2 примерно, так и не поняв изначально в чем было дело, делюсь с вами. …

«>Недостаток rgb цветов — 10/12/2015 12:24
Часто таблицы на сайте выглядят ужасным образом и многие владельцы сайтов, хотят привести их в порядок, то есть стилизовать. для того чтобы воспользо …

«>Стили CSS для таблицы — 13/11/2015 22:11
Что такое 1em? — что это за величина, которой оперируют многие веб-дизайнеры? Интернет дает очень размывчатый ответ. давайте конкретно. …

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

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

Расширенная таблица названий цветов

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

При помощи цветовых html кодов и соответствующих css свойств можно задавать цвет фона для элементов веб страницы или цвет текста.

Например, используя css свойство background и любой из цветовых кодов можно задать цвет фона страницы:

А с помощью свойства color можно управлять цветом текста любого html элемента:

Таблица цветов html, палитра и коды цветов в html

В этой таблице есть столбцы с названиями и самим цветом, с ними я думаю все понятно, но помимо них есть еще два столбца «HEX формат» и «RGB формат» — это как раз коды цветов в html, которые использует html для понимания какой цвет выводить.

HEX теги цветов html

Используется как есть: #000000 . Решетка в начале и далее 6 символов цвета. Если все 6 символов одинаковые, то можно сократить это код, просто удалить последние 3 символа, получится так #000 .

RGB коды цветов в html

Используется иначе чем указан, вставляется он в таком виде: rgb(0,0,0) . У данного формата есть большой плюс, по сравнению с кодом в HEX формате, можно указать прозрачность цвета и писаться это будет так: rgba(0,0,0,0.5) . Тут немного изменяется запись и в конце указывается степень прозрачности 0.5 — это эквивалент 50% прозрачности, 1 значит 0% прозрачность, 0 — 100% прозрачный.