Инверсия
цвета
Инверсия и противоположный цвет — разные вещи, хотя их постоянно путают. Инструмент показывает обе операции сразу, плюс зеркало по светлоте и перевод в серый, чтобы разница была видна.
Это обычная ситуация. Инверсия меняет и светлоту тоже, поэтому тёмный синий превращается в грязно-жёлтый, а дополнительный к нему остаётся светлым.
| Операция | HEX | RGB |
|---|---|---|
| Исходный цвет | #4F8EF7 | rgb(79, 142, 247) |
| Инверсия | #B07108 | rgb(176, 113, 8) |
| Дополнительный | #F7B84F | rgb(247, 184, 79) |
| Зеркало по светлоте | #0847B0 | rgb(8, 71, 176) |
| В оттенок серого | #888888 | rgb(136, 136, 136) |
Контраст исходного цвета с его инверсией — 1.26 : 1. Этого мало для текста: у цветов средней светлоты инверсия почти не помогает, она даёт похожую яркость.
Инверсия — это не противоположный цвет
Инверсия вычитает каждый канал из 255: получается негатив, как на фотоплёнке. Дополнительный цвет — совсем другая операция: тон поворачивается на 180 градусов по цветовому кругу, а насыщенность и светлота остаются прежними.
Разница видна на примере. Синий #4F8EF7 при инверсии даёт коричневый #B07108, а дополнительным к нему будет светло-оранжевый #F7B84F. Причина в том, что инверсия заодно переворачивает светлоту: светлый цвет становится тёмным. Совпадают операции только на чистых каналах — у красного оба способа дают циан.
- Инверсия — негатив, меняет и тон, и светлоту
- Дополнительный — только поворот тона
- Зеркало светлоты — только светлота, тон на месте
- Серый — по формуле яркости, а не средним каналов
- Совпадение — только у чистых красного, зелёного и синего