COLR v1 и COLR v0: различия цветных шрифтов и поддержка

Актуально на 22 июля 2026 года.

COLR v0 и COLR v1 — форматы цветных шрифтов OpenType, которые описывают разноцветный глиф как набор графических слоёв. COLR v0 подходит для простых плоских изображений из заливок, а COLR v1 добавляет градиенты, трансформации и сложное композитинг-описание. Ниже разберём устройство форматов, совместимость и выбор для реального проекта.

COLR — таблица формата OpenType, предназначенная для описания цветных глифов. В обычном шрифте символ обычно представлен одним контуром и одной заливкой. В COLR один и тот же глиф может состоять из нескольких связанных частей: например, буква содержит внешний контур, внутреннюю тень и отдельную цветную деталь. Таблица CPAL хранит палитры, на которые ссылаются эти слои.

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

COLR v0 описывает цветной глиф через последовательность слоёв. Каждый слой ссылается на базовый контур и цвет из палитры CPAL. Слои рисуются один поверх другого, поэтому итоговое изображение получается из простых геометрических форм. Такой подход напоминает сборку иллюстрации из нескольких контуров: один отвечает за фон, другой за основную форму, третий за акцентную деталь.

Главное ограничение COLR v0 — работа с заранее определёнными однотонными заливками. Формат хорошо передаёт двухцветные буквы, полосатые знаки, простые иконки и эмодзи с чёткими областями цвета, но не предназначен для плавных градиентов, сложных эффектов освещения или свободного изменения геометрии каждого элемента.

Представим декоративную букву А для заголовка спортивного клуба. Её можно собрать из четырёх слоёв: тёмно-синий внешний контур, жёлтая основная форма, красная боковая вставка и белая бликовая деталь. Пользователь выбирает другую палитру CPAL, и те же слои получают новые цвета. Структура остаётся прежней, поэтому такой вариант особенно удобен для систем с несколькими цветовыми темами.

COLR v1 расширяет идею слоёв и представляет изображение как дерево операций рисования. Внутри такого дерева могут находиться контуры, однотонные заливки, линейные, радиальные и конические градиенты, преобразования, обрезка и композиция нескольких элементов. Благодаря этому один глиф способен описывать более сложную иллюстрацию, не сводя её к большому числу заранее подготовленных контуров.

Важное отличие COLR v1 заключается в разделении формы и способа её окрашивания. Контур может использовать градиент, быть масштабирован, повернут или помещён в составную группу. Это помогает создавать объёмные буквы, переливы, тени и декоративные знаки, сохраняя текстовую природу шрифта. Однако расширенные возможности требуют поддержки соответствующих таблиц и операций в используемом программном окружении.

Для логотипного глифа в виде круглого значка можно задать тёмный контур, радиальный градиент от светлого центра к насыщенному краю, отдельный полупрозрачный блик и повернутую декоративную полоску. В COLR v0 такую графику пришлось бы упростить до нескольких плоских областей или подготовить много отдельных контуров. COLR v1 описывает визуальную логику компактнее и гибче.

Оба формата используют цветные глифы OpenType и могут работать с палитрами. Разница не в том, что один формат является «цветным», а другой нет, а в уровне сложности графического описания. COLR v0 строится вокруг фиксированного списка слоёв и однотонных цветов. COLR v1 использует более выразительную систему компонентов, которая поддерживает операции над изображением.

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

Совместимость COLR v0 и COLR v1 нельзя оценивать только по расширению файла. Браузер или приложение должны поддерживать таблицу COLR, связанную палитру CPAL и нужный набор операций. Особенно это важно для COLR v1: старые или ограниченные среды могут проигнорировать цветовую часть, показать только основной контур или заменить шрифт на другой.

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

Работа начинается с построения базовых глифов. Сначала определите, какие части символа являются самостоятельными контурами, затем задайте порядок их наложения и цветовую логику. Для COLR v0 важно не создавать лишние слои: каждый дополнительный контур увеличивает сложность файла и может усложнить редактирование. Для COLR v1 заранее продумайте дерево компонентов и повторно используйте одинаковые элементы там, где это возможно.

После сборки проверьте метрики шрифта, выравнивание, направление контуров и поведение при изменении размера. Отдельно протестируйте палитры: альтернативная цветовая схема должна сохранять различимость слоёв, а не просто механически заменять один цвет другим. Финальная проверка включает экспорт, установку, отображение в браузере, графическом редакторе и текстовом редакторе.

Первая ошибка — считать COLR v1 автоматическим улучшением любого шрифта. Если дизайн построен на простых плоских формах, переход на сложное дерево не обязательно даст заметную пользу. Вторая ошибка — проверять результат только в одном редакторе. Отдельная программа может поддерживать часть возможностей формата, а другой рендерер обработает тот же файл иначе.

Третья ошибка — превращать весь набор символов в декоративную иллюстрацию. Чем сложнее каждый глиф, тем труднее поддерживать шрифт, контролировать его размер и обеспечивать читаемость. Четвёртая ошибка — забывать о резервном отображении. Цветной слой должен быть дополнительным преимуществом, а не единственным способом распознать букву или значок.

COLR — не единственный способ хранить цвет в шрифте. В экосистеме OpenType также встречаются растровые форматы CBDT и CBLC, а исторически применялся SVG-in-OpenType. Растровый подход может хорошо передавать детализированное изображение в подготовленных размерах, но хуже подходит для бесконечного масштабирования. Векторный COLR обычно удобнее для символов, которые должны оставаться резкими при разных кеглях.

Сравнивать форматы нужно по конкретному сценарию: размеру файла, детализации, качеству масштабирования, поддержке платформ и способу производства. Для набора интерфейсных иконок часто важнее предсказуемая геометрия и fallback. Для иллюстративного шрифта может быть важнее сложная цветовая композиция. Универсального формата, одинаково лучшего для всех задач, нет.

COLR v1 лучше по выразительности, если нужны градиенты, трансформации и сложные композиции. COLR v0 лучше по простоте и предсказуемости, когда глиф состоит из плоских цветовых слоёв. Окончательный выбор зависит от дизайна и списка платформ, где будет использоваться шрифт.

COLR v0 рассчитан на однотонные заливки слоёв и не предоставляет того набора градиентных операций, который появился в COLR v1. Градиентный вид можно имитировать множеством отдельных контуров разных оттенков, но это увеличивает сложность и не даёт той же гибкости, что нативное описание градиента.

Да, цветной OpenType-шрифт можно использовать в веб-проекте, если целевые браузеры и шрифтовые движки поддерживают нужную версию COLR. Перед публикацией проверьте загрузку файла, отображение разных кеглей, цветовые темы и fallback. Не делайте цвет единственным носителем важной информации.

Изменение зависит от того, как подготовлен шрифт. Если цвета вынесены в палитру CPAL, можно использовать предусмотренные варианты палитр или отредактировать их в инструменте, который понимает структуру цветного шрифта. Градиенты и сложные эффекты COLR v1 требуют редактирования соответствующих узлов графического описания.

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

COLR подходит для декоративных начертаний и отдельных цветных символов, но для длинного текста его используют осторожно. Многоцветные буквы повышают визуальную нагрузку и могут ухудшить скорость чтения. Практичный подход — оставить основной текст монохромным, а цветной вариант применять для заголовков, акцентов, эмодзи или фирменных знаков.

COLR v0 — рациональный выбор для простых цветных глифов, построенных из плоских слоёв и палитр. COLR v1 раскрывает больше возможностей для градиентов, трансформаций и составных эффектов, но требует внимательной проверки совместимости. Начните с визуальной задачи, предусмотрите fallback и протестируйте шрифт в реальном пользовательском окружении.

Хотите создать собственный декоративный или цветной шрифт? Используйте fontgenerator.ru, чтобы подготовить шрифтовую основу и превратить идею в готовый набор символов для проекта.