Часто нужно не просто число, а понятное слово: как называется этот оттенок — «бирюзовый», «коралловый» или «индиго»? Экран и фотоаппарат работают с кодами, поэтому сначала снимают код цвета с картинки, а уже потом подбирают к нему ближайшее название по таблице ниже.
Три шага от фотографии к названию
- Возьмите код пипеткой. Загрузите фото, наведите лупу на нужный участок и скопируйте HEX — например,
#40E0D0. - Усредните оттенок. На фотографии соседние пиксели редко одинаковы: JPG добавляет «шум», а блики и тени сбивают цвет. Режим захвата области (3×3 или 5×5 пикселей) берёт средний тон и спасает от случайного грязного пикселя.
- Найдите ближайшее имя. Сверьте полученный код с таблицей стандартных веб-имён. Совпадение точь-в-точь бывает редко — ориентируйтесь на самый близкий оттенок.
Таблица названий цветов и их кодов
Это стандартные веб-имена из спецификации CSS — единственные названия цвета, у которых есть точный и общепринятый код. Их понимает любой браузер: можно написать в стилях и color: teal, и color: #008080 — результат будет одинаковым.
| Образец | Название | Веб-имя (CSS) | HEX | RGB |
|---|---|---|---|---|
| Белый | white |
#FFFFFF |
255, 255, 255 | |
| Чёрный | black |
#000000 |
0, 0, 0 | |
| Серый | gray |
#808080 |
128, 128, 128 | |
| Серебристый | silver |
#C0C0C0 |
192, 192, 192 | |
| Красный | red |
#FF0000 |
255, 0, 0 | |
| Малиновый | crimson |
#DC143C |
220, 20, 60 | |
| Тёмно-бордовый | maroon |
#800000 |
128, 0, 0 | |
| Томатный | tomato |
#FF6347 |
255, 99, 71 | |
| Коралловый | coral |
#FF7F50 |
255, 127, 80 | |
| Оранжевый | orange |
#FFA500 |
255, 165, 0 | |
| Золотой | gold |
#FFD700 |
255, 215, 0 | |
| Жёлтый | yellow |
#FFFF00 |
255, 255, 0 | |
| Хаки | khaki |
#F0E68C |
240, 230, 140 | |
| Оливковый | olive |
#808000 |
128, 128, 0 | |
| Лаймовый | lime |
#00FF00 |
0, 255, 0 | |
| Зелёный | green |
#008000 |
0, 128, 0 | |
| Сине-зелёный | teal |
#008080 |
0, 128, 128 | |
| Бирюзовый | turquoise |
#40E0D0 |
64, 224, 208 | |
| Аквамарин | aquamarine |
#7FFFD4 |
127, 255, 212 | |
| Небесно-голубой | skyblue |
#87CEEB |
135, 206, 235 | |
| Королевский синий | royalblue |
#4169E1 |
65, 105, 225 | |
| Синий | blue |
#0000FF |
0, 0, 255 | |
| Тёмно-синий | navy |
#000080 |
0, 0, 128 | |
| Индиго | indigo |
#4B0082 |
75, 0, 130 | |
| Фиолетовый | purple |
#800080 |
128, 0, 128 | |
| Орхидея | orchid |
#DA70D6 |
218, 112, 214 | |
| Ярко-розовый | hotpink |
#FF69B4 |
255, 105, 180 | |
| Розовый | pink |
#FFC0CB |
255, 192, 203 | |
| Коричневый | brown |
#A52A2A |
165, 42, 42 | |
| Шоколадный | chocolate |
#D2691E |
210, 105, 30 | |
| Бежевый | beige |
#F5F5DC |
245, 245, 220 | |
| Пшеничный | wheat |
#F5DEB3 |
245, 222, 179 |
Русские названия рядом — привычный перевод, но у них нет строгого стандарта: один и тот же оттенок кто-то назовёт «бирюзовым», кто-то «морской волной». Если нужен другой формат записи — переведите код в RGB, HSL или CMYK в конвертере цветов.
Почему одному цвету дают разные имена
У точного «имени по коду» есть естественные ограничения, и это нормально:
- Названий больше, чем стандартов. Веб-имён в CSS всего около 140, а оттенков, которые различает глаз, — миллионы. Поэтому большинство цветов с фото попадают «между» именами, и мы выбираем ближайшее.
- Экран у каждого свой. Один и тот же HEX на разных мониторах и телефонах выглядит чуть иначе из-за яркости и настройки цвета. Название подбирают по коду, а не по тому, как цвет смотрится именно у вас.
- Веб-имена — не то же, что каталоги красок. Pantone и RAL — это физические стандарты для типографий и производства, где цвет задаётся конкретной краской. Перевести экранный HEX в точный номер Pantone «на глаз» нельзя — для этого сверяются с бумажным веером образцов.
Частые вопросы о названиях цветов
Можно ли по фото узнать точное название цвета?
Пипетка выдаёт точный код (HEX и RGB). А вот название — всегда приблизительное: единого словаря оттенков не существует, поэтому мы подбираем ближайшее стандартное имя. Чтобы попасть точнее, снимайте цвет в режиме усреднения области, а не по одному пикселю.
Чем веб-имена цветов отличаются от Pantone и RAL?
Веб-имена (например, teal или coral) описывают цвет свечения экрана и жёстко привязаны к коду RGB. Pantone и RAL — это каталоги реальных красок для печати и промышленности. Одно в другое без потерь не переводится: экранный HEX и номер краски сверяют по физическому образцу.
Почему один и тот же цвет на фото называют по-разному?
На фотографии оттенок «плавает» из-за освещения, теней и сжатия JPG, а мониторы показывают цвет чуть по-разному. Поэтому в одном месте снимка вы получите один код, а рядом — уже другой. Усреднение области 3×3 или 5×5 пикселей даёт более стабильный результат.