Перейти к содержимому
Aback Tools Logo

Справочник по названиям цветов HTML

Просматривайте, ищите и копируйте все 148 именованных цветов HTML и CSS с примечаниями о поддержке браузера, индикаторами совместимости электронной почты и цветными значками, безопасными для Интернета. Фильтрация по стандартному HTML 4.01, расширенному CSS или цветам, безопасным для электронной почты. Щелкните любую карту, чтобы мгновенно скопировать название цвета или шестнадцатеричное значение. Полностью конфиденциальный, 100% бесплатный и не требующий регистрации.

HTML Color Names Reference

Complete reference of all 147 HTML and CSS named colors with browser support notes, email compatibility, and web-safe color indicators. Search by name or HEX value.

Showing 147 of 147 colors

Browser: Full support Email: 21 safe
#00FFFF

Aqua

aqua

EmailBrowserWeb SafeHTML 4.01
#000000

Black

black

EmailBrowserWeb SafeHTML 4.01
#0000FF

Blue

blue

EmailBrowserWeb SafeHTML 4.01
#FF00FF

Fuchsia

fuchsia

EmailBrowserWeb SafeHTML 4.01
#808080

Gray

gray

EmailBrowserWeb SafeHTML 4.01
#008000

Green

green

EmailBrowserWeb SafeHTML 4.01
#00FF00

Lime

lime

EmailBrowserWeb SafeHTML 4.01
#800000

Maroon

maroon

EmailBrowserWeb SafeHTML 4.01
#000080

Navy

navy

EmailBrowserWeb SafeHTML 4.01
#808000

Olive

olive

EmailBrowserWeb SafeHTML 4.01
#800080

Purple

purple

EmailBrowserWeb SafeHTML 4.01
#FF0000

Red

red

EmailBrowserWeb SafeHTML 4.01
#C0C0C0

Silver

silver

EmailBrowserWeb SafeHTML 4.01
#008080

Teal

teal

EmailBrowserWeb SafeHTML 4.01
#FFFFFF

White

white

EmailBrowserWeb SafeHTML 4.01
#FFFF00

Yellow

yellow

EmailBrowserWeb SafeHTML 4.01
#F0F8FF

Aliceblue

aliceblue

EmailBrowser
#FAEBD7

Antiquewhite

antiquewhite

EmailBrowser
#7FFFD4

Aquamarine

aquamarine

EmailBrowser
#F0FFFF

Azure

azure

EmailBrowser
#F5F5DC

Beige

beige

EmailBrowser
#FFE4C4

Bisque

bisque

EmailBrowser
#FFEBCD

Blanchedalmond

blanchedalmond

EmailBrowser
#8A2BE2

Blueviolet

blueviolet

EmailBrowser
#A52A2A

Brown

brown

EmailBrowser
#DEB887

Burlywood

burlywood

EmailBrowser
#5F9EA0

Cadetblue

cadetblue

EmailBrowser
#7FFF00

Chartreuse

chartreuse

EmailBrowser
#D2691E

Chocolate

chocolate

EmailBrowser
#FF7F50

Coral

coral

EmailBrowser
#6495ED

Cornflowerblue

cornflowerblue

EmailBrowser
#FFF8DC

Cornsilk

cornsilk

EmailBrowser
#DC143C

Crimson

crimson

EmailBrowser
#00FFFF

Cyan

cyan

EmailBrowserWeb Safe
#00008B

Darkblue

darkblue

EmailBrowser
#008B8B

Darkcyan

darkcyan

EmailBrowser
#B8860B

Darkgoldenrod

darkgoldenrod

EmailBrowser
#A9A9A9

Darkgray

darkgray

EmailBrowser
#006400

Darkgreen

darkgreen

EmailBrowser
#A9A9A9

Darkgrey

darkgrey

EmailBrowser
#BDB76B

Darkkhaki

darkkhaki

EmailBrowser
#8B008B

Darkmagenta

darkmagenta

EmailBrowser
#556B2F

Darkolivegreen

darkolivegreen

EmailBrowser
#FF8C00

Darkorange

darkorange

EmailBrowser
#9932CC

Darkorchid

darkorchid

EmailBrowser
#8B0000

Darkred

darkred

EmailBrowser
#E9967A

Darksalmon

darksalmon

EmailBrowser
#8FBC8F

Darkseagreen

darkseagreen

EmailBrowser
#483D8B

Darkslateblue

darkslateblue

EmailBrowser
#2F4F4F

Darkslategray

darkslategray

EmailBrowser
#2F4F4F

Darkslategrey

darkslategrey

EmailBrowser
#00CED1

Darkturquoise

darkturquoise

EmailBrowser
#9400D3

Darkviolet

darkviolet

EmailBrowser
#FF1493

Deeppink

deeppink

EmailBrowser
#00BFFF

Deepskyblue

deepskyblue

EmailBrowser
#696969

Dimgray

dimgray

EmailBrowser
#696969

Dimgrey

dimgrey

EmailBrowser
#1E90FF

Dodgerblue

dodgerblue

EmailBrowser
#B22222

Firebrick

firebrick

EmailBrowser
#FFFAF0

Floralwhite

floralwhite

EmailBrowser
#228B22

Forestgreen

forestgreen

EmailBrowser
#DCDCDC

Gainsboro

gainsboro

EmailBrowser
#F8F8FF

Ghostwhite

ghostwhite

EmailBrowser
#FFD700

Gold

gold

EmailBrowser
#DAA520

Goldenrod

goldenrod

EmailBrowser
#ADFF2F

Greenyellow

greenyellow

EmailBrowser
#808080

Grey

grey

EmailBrowserWeb Safe
#F0FFF0

Honeydew

honeydew

EmailBrowser
#FF69B4

Hotpink

hotpink

EmailBrowser
#CD5C5C

Indianred

indianred

EmailBrowser
#4B0082

Indigo

indigo

EmailBrowser
#FFFFF0

Ivory

ivory

EmailBrowser
#F0E68C

Khaki

khaki

EmailBrowser
#E6E6FA

Lavender

lavender

EmailBrowser
#FFF0F5

Lavenderblush

lavenderblush

EmailBrowser
#7CFC00

Lawngreen

lawngreen

EmailBrowser
#FFFACD

Lemonchiffon

lemonchiffon

EmailBrowser
#ADD8E6

Lightblue

lightblue

EmailBrowser
#F08080

Lightcoral

lightcoral

EmailBrowser
#E0FFFF

Lightcyan

lightcyan

EmailBrowser
#FAFAD2

Lightgoldenrodyellow

lightgoldenrodyellow

EmailBrowser
#D3D3D3

Lightgray

lightgray

EmailBrowser
#90EE90

Lightgreen

lightgreen

EmailBrowser
#D3D3D3

Lightgrey

lightgrey

EmailBrowser
#FFB6C1

Lightpink

lightpink

EmailBrowser
#FFA07A

Lightsalmon

lightsalmon

EmailBrowser
#20B2AA

Lightseagreen

lightseagreen

EmailBrowser
#87CEFA

Lightskyblue

lightskyblue

EmailBrowser
#778899

Lightslategray

lightslategray

EmailBrowser
#778899

Lightslategrey

lightslategrey

EmailBrowser
#B0C4DE

Lightsteelblue

lightsteelblue

EmailBrowser
#FFFFE0

Lightyellow

lightyellow

EmailBrowser
#32CD32

Limegreen

limegreen

EmailBrowser
#FAF0E6

Linen

linen

EmailBrowser
#66CDAA

Mediumaquamarine

mediumaquamarine

EmailBrowser
#0000CD

Mediumblue

mediumblue

EmailBrowser
#BA55D3

Mediumorchid

mediumorchid

EmailBrowser
#9370DB

Mediumpurple

mediumpurple

EmailBrowser
#3CB371

Mediumseagreen

mediumseagreen

EmailBrowser
#7B68EE

Mediumslateblue

mediumslateblue

EmailBrowser
#00FA9A

Mediumspringgreen

mediumspringgreen

EmailBrowser
#48D1CC

Mediumturquoise

mediumturquoise

EmailBrowser
#C71585

Mediumvioletred

mediumvioletred

EmailBrowser
#191970

Midnightblue

midnightblue

EmailBrowser
#F5FFFA

Mintcream

mintcream

EmailBrowser
#FFE4E1

Mistyrose

mistyrose

EmailBrowser
#FFE4B5

Moccasin

moccasin

EmailBrowser
#FFDEAD

Navajowhite

navajowhite

EmailBrowser
#FDF5E6

Oldlace

oldlace

EmailBrowser
#6B8E23

Olivedrab

olivedrab

EmailBrowser
#FFA500

Orange

orange

EmailBrowser
#FF4500

Orangered

orangered

EmailBrowser
#DA70D6

Orchid

orchid

EmailBrowser
#EEE8AA

Palegoldenrod

palegoldenrod

EmailBrowser
#98FB98

Palegreen

palegreen

EmailBrowser
#AFEEEE

Paleturquoise

paleturquoise

EmailBrowser
#DB7093

Palevioletred

palevioletred

EmailBrowser
#FFEFD5

Papayawhip

papayawhip

EmailBrowser
#FFDAB9

Peachpuff

peachpuff

EmailBrowser
#CD853F

Peru

peru

EmailBrowser
#FFC0CB

Pink

pink

EmailBrowser
#DDA0DD

Plum

plum

EmailBrowser
#B0E0E6

Powderblue

powderblue

EmailBrowser
#663399

Rebeccapurple

rebeccapurple

EmailBrowser
#BC8F8F

Rosybrown

rosybrown

EmailBrowser
#4169E1

Royalblue

royalblue

EmailBrowser
#8B4513

Saddlebrown

saddlebrown

EmailBrowser
#FA8072

Salmon

salmon

EmailBrowser
#F4A460

Sandybrown

sandybrown

EmailBrowser
#2E8B57

Seagreen

seagreen

EmailBrowser
#FFF5EE

Seashell

seashell

EmailBrowser
#A0522D

Sienna

sienna

EmailBrowser
#87CEEB

Skyblue

skyblue

EmailBrowser
#6A5ACD

Slateblue

slateblue

EmailBrowser
#708090

Slategray

slategray

EmailBrowser
#708090

Slategrey

slategrey

EmailBrowser
#FFFAFA

Snow

snow

EmailBrowser
#00FF7F

Springgreen

springgreen

EmailBrowser
#4682B4

Steelblue

steelblue

EmailBrowser
#D2B48C

Tan

tan

EmailBrowser
#D8BFD8

Thistle

thistle

EmailBrowser
#FF6347

Tomato

tomato

EmailBrowser
#40E0D0

Turquoise

turquoise

EmailBrowser
#EE82EE

Violet

violet

EmailBrowser
#F5DEB3

Wheat

wheat

EmailBrowser
#F5F5F5

Whitesmoke

whitesmoke

EmailBrowser
#9ACD32

Yellowgreen

yellowgreen

EmailBrowser

Зачем использовать наш справочник по названиям цветов в формате HTML?

  • Полная база данных названий цветов: доступ ко всем 148 цветам с названиями HTML и CSS в одной ссылке с возможностью поиска. На каждой цветовой карте отображается имя, шестнадцатеричное значение и визуальный образец, что позволяет легко найти идеальный цвет для любого проекта — от стандартных цветов HTML 4.01 до расширенных именованных цветов CSS.
  • Совместимость браузера и электронной почты: каждая цветная запись включает индикаторы поддержки браузера и совместимости почтового клиента. Узнайте с первого взгляда, какие цвета безопасно использовать в электронных письмах в формате HTML, какие безопасны для Интернета, а какие являются стандартными цветами HTML 4.01, поддерживаемыми даже в самых старых браузерах.
  • Интеллектуальная фильтрация и поиск: быстро сузьте цвета по категориям — стандартный HTML 4.01, расширенный CSS или безопасный для электронной почты. Поиск по имени или шестнадцатеричному значению с мгновенными результатами. Чистая, отзывчивая сетка позволяет легко просматривать и сравнивать цвета на любом устройстве.
  • 100% бесплатность и конфиденциальность: справочник по именам цветов HTML полностью работает в вашем браузере, без отправки данных на какой-либо сервер. Просматривайте, ищите и копируйте цвета мгновенно. Никакой регистрации, никакого отслеживания, никаких ограничений — совершенно бесплатно для всех ваших проектов.

Общие случаи использования названий цветов HTML

  • Веб-разработка и CSS: быстро найдите именно тот именованный цвет, который вам нужен для ваших таблиц стилей CSS. Используйте кнопку копирования, чтобы мгновенно получить название цвета или шестнадцатеричное значение, а затем вставьте его прямо в свой код. Идеально подходит для быстрого прототипирования и стилизации производства.
  • Дизайн новостной рассылки по электронной почте: убедитесь, что дизайн вашей электронной почты корректно отображается во всех почтовых клиентах. Фильтруйте по цветам, безопасным для электронной почты, чтобы избежать проблем совместимости с Outlook, Gmail и Apple Mail. Используйте индикаторы поддержки браузера, чтобы выбрать цвета, которые будут работать везде.
  • Кроссбраузерная совместимость: проверьте поддержку браузером каждого именованного цвета, прежде чем использовать его в своем проекте. Хотя все современные браузеры поддерживают полный набор именованных цветов CSS, знание того, какие цвета являются стандартными, HTML 4.01 помогает при работе со старыми браузерами и устаревшими системами.
  • Разработка системы дизайна: используйте именованные цвета при создании жетонов цвета системы дизайна. Именованные цвета имеют семантическое значение, и их легче запомнить, чем шестнадцатеричные коды. Сопоставьте именованные цвета с вашими дизайнерскими токенами, чтобы сделать таблицы стилей более читаемыми и удобными в обслуживании.
  • Изучение HTML и CSS: идеально подходит для студентов и новичков, изучающих веб-разработку. Изучите полный спектр именованных цветов, чтобы понять правила именования цветов, шестнадцатеричные значения и доступные цвета без необходимости запоминать сложные цветовые коды.
  • Доступность и выбор цвета. Используйте образцы цветов, чтобы быстро оценить цветовые комбинации на предмет доступности. Именованные цвета упрощают обсуждение выбора цвета с вашей командой и обеспечивают единообразное использование цвета во всем проекте.

Что такое названия цветов HTML?

Имена цветов HTML — это предопределенные ключевые слова, которые представляют определенные цвета в веб-разработке. Первоначально указанный в стандарте HTML 4.01 с 16 базовыми цветами (голубой, черный, синий, фуксия, серый, зеленый, салатовый, темно-бордовый, темно-синий, оливковый, фиолетовый, красный, серебристый, бирюзовый, белый и желтый), список был расширен в CSS Color Module Level 3, включив в него 147 дополнительных именованных цветов, в результате чего общее количество достигло 147. CSS Color Level 4 позже добавил rebeccapurple в честь дочери Эрика Мейера, в результате чего общее количество составило текущие 148 именованных цветов.

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

Как работает наш справочный инструмент

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

  1. Просмотр или поиск. Прокрутите всю цветовую сетку или введите имя (например, «коралл» или «ребеккапурпл») или шестнадцатеричное значение (например, #FF7F50) в строку поиска. Результаты обновляются в реальном времени по мере ввода текста, мгновенно отображая соответствующие цвета.
  2. Фильтрация по категориям. Используйте элементы категорий, чтобы сузить результаты: просматривайте только 16 стандартных цветов HTML 4.01, расширенные именованные цвета CSS или только те цвета, которые безопасно использовать в электронных письмах HTML. Каждый фильтр помогает найти цвета, подходящие для конкретных случаев использования.
  3. Копирование и использование. На каждой карточке цвета есть кнопки копирования как названия цвета, так и шестнадцатеричного значения. Нажмите, чтобы скопировать, а затем вставьте непосредственно в CSS, HTML, шаблон электронной почты или инструмент дизайна. Визуальный образец дает вам точное представление о том, как выглядит цвет.

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

  • Поддержка браузера: все 148 именованных цветов CSS поддерживаются во всех современных браузерах — Chrome, Firefox, Safari, Edge и Opera. 16 основных цветов HTML 4.01 поддерживаются практически во всех когда-либо созданных браузерах, включая Internet Explorer 3+. Расширенные именованные цвета CSS поддерживаются во всех браузерах с поддержкой CSS3 (IE 9+).
  • Совместимость с почтовыми клиентами. 16 стандартных цветов HTML 4.01, а также несколько часто используемых расширенных цветов, таких как оранжевый, коричневый, розовый и золотой, широко поддерживаются всеми почтовыми клиентами, включая Outlook (настольный компьютер и Интернет), Gmail, Yahoo Mail и Apple Mail. Более неясные расширенные цвета могут неправильно отображаться в механизме рендеринга Outlook на основе Word и могут вернуться к цвету по умолчанию.
  • Цвета, безопасные для Интернета. Цвета, отмеченные как «Безопасные для Интернета», входят в число 216 цветов, которые одинаково отображаются на всех мониторах и в браузерах без размытия. Хотя веб-безопасные цвета менее критичны для современных дисплеев, они по-прежнему полезны для обеспечения единообразного внешнего вида на старых экранах или экранах более низкого качества.
  • CSS Color Level 4. Современная спецификация CSS Color Level 4 представила rebeccapurple (шестнадцатеричный #663399) в 2014 году в честь дочери Эрика Мейера Ребекки. Это последний добавленный именованный цвет, который поддерживается во всех современных браузерах.

Конфиденциальность, безопасность и доступность

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

Часто задаваемые вопросы

В HTML и CSS вместе взятых 148 именованных цветов. Стандарт HTML 4.01 изначально определял 16 основных цветов. Модуль цвета CSS уровня 3 добавил 131 расширенный именованный цвет, в результате чего общее количество достигло 147. Позднее в модуле цвета CSS 4 был добавлен rebeccapurple в честь дочери Эрика Мейера, в результате чего в общей сложности появилось 148 именованных цветов, которые поддерживаются во всех современных браузерах.

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

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

Веб-безопасные цвета — это 216 цветов, которые одинаково отображаются на всех мониторах и в операционных системах без размытия или смещения цвета. Они определяются с использованием только шестнадцатеричных значений 00, 33, 66, 99, CC и FF для каждого канала RGB. Хотя веб-безопасные цвета были критически важны в эпоху 256-цветных дисплеев, современные мониторы могут отображать миллионы цветов, что делает веб-безопасные цвета менее важными сегодня.

Rebeccapurple (#663399) был добавлен к CSS Color Level 4 в 2014 году в честь Ребекки Элисон Мейер, дочери веб-разработчика Эрика Мейера, которая скончалась от рака мозга в возрасте шести лет. Цвет был выбран потому, что любимым цветом Ребекки был фиолетовый, а #663399 — ее личный шестнадцатеричный код. Это последний добавленный CSS-цвет с именем и поддерживается во всех современных браузерах.

Да, имена цветов HTML можно использовать в большинстве атрибутов HTML, которые принимают значения цвета, включая устаревшие атрибуты bgcolor, text, link, vlink, alink и bordercolor. Их также можно использовать в атрибуте стиля и в CSS. Однако в современной веб-разработке для стилизации рекомендуется использовать CSS, а не атрибуты представления HTML.

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