print-color-adjust

Свойство print-color-adjust — это способ указать браузеру, как обращаться с цветами при печати: сохранять их как есть или позволить системе корректировать цвета для экономии чернил или повышения читаемости.

        
          
          <div class="keep-color">Цвет останется при печати</div><div class="auto-color">Цвет может измениться при печати</div>
          <div class="keep-color">Цвет останется при печати</div>
<div class="auto-color">Цвет может измениться при печати</div>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

        
          
          .keep-color {  background: #FF8630;  color: white;  print-color-adjust: exact;}.auto-color {  background: #2E9AFF;  color: white;  print-color-adjust: economy;}
          .keep-color {
  background: #FF8630;
  color: white;
  print-color-adjust: exact;
}

.auto-color {
  background: #2E9AFF;
  color: white;
  print-color-adjust: economy;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

        
          
          .element {  print-color-adjust: auto;}
          .element {
  print-color-adjust: auto;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Поддерживает два значения:

• economy — значение по умолчанию, браузер может изменять цвета элементов при печати для экономии чернил или повышения читаемости. Например, насыщенные или тёмные цвета могут быть автоматически заменены на более светлые или менее затратные для печати оттенки.
• exact — цвета сохраняются как есть, без попыток адаптации.

Есть устаревший префикс -webkit-print-color-adjust, который до сих пор нужен для некоторых браузеров, например, Safari:

        
          
          .element {  -webkit-print-color-adjust: exact;  print-color-adjust: exact;}
          .element {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Когда пользователь печатает страницу, браузер может попытаться изменить цвета для лучшего результата. Особенно в случае, если стоит режим «Печать в ч/б» или «Экономия чернил». print-color-adjust позволяет разработчику указать, что цвета должны остаться оригинальными (exact) или могут быть адаптированы (economy).

💡 Используйте exact только там, где действительно важно сохранить цвет. Например, для брендированных элементов, логотипов или диаграмм.
💡 Любые настройки, которые пользователь или браузер применяют для управления цветопередачей при печати (отключение цветной печати, экономия чернил и другие), имеют приоритет над значением print-color-adjust. Другими словами, свойство print-color-adjust не гарантирует, что цвета будут точно сохранены — поведение зависит от конкретного браузера и настроек пользователя.