COLR/CPAL

COLR

Design & Typography

将表情符号定义为带有调色板的分层矢量形状的OpenType彩色字体表，被Windows和Chrome采用。

COLR (Color) and CPAL (Color Palette) are OpenType tables that work together to render color glyphs. COLR defines layers of standard glyph outlines, and CPAL provides color palettes to fill those layers.

COLR version 1 (COLRv1) added gradients, compositing, and transformations, significantly improving the quality of vector emoji. Google adopted COLRv1 for Chrome and Android, providing a compact alternative to bitmap fonts.

Advantages of COLR: smaller file sizes than bitmaps, perfect scaling, and the ability to theme emoji with different color palettes.

相关术语

CBDT/CBLC (CBDT) CBDT/CBLC (CBDT)
彩色位图数据表和彩色位图位置表，用于在字体文件中嵌入位图彩色表情符号的OpenType表格。 OpenType OpenType
由Microsoft和Adobe共同开发的字体格式，通过多种彩色字体表技术支持彩色表情符号渲染。 SVG in OpenType (SVGinOT) SVG in OpenType (SVGinOT)
将SVG（可缩放矢量图形）文档直接嵌入OpenType字体文件的方法，用于实现可缩放的彩色表情符号。 矢量表情符号 矢量表情符号
使用可缩放矢量图形（SVG或COLR）渲染的表情符号，在任何尺寸下都能保持清晰显示。

相关工具

🔀 平台比较 平台比较
比较表情符号在 Apple、Google、Samsung、Microsoft 等平台上的渲染效果，并排查看视觉差异。 🔢 Unicode 查询 Unicode 查询
输入 U+1F600 等码位，获取表情符号、编码详情、UTF-8/16 字节和 HTML 实体。

相关故事

How Emoji Rendering Works Across Platforms: Font Stacks and Fallbacks
Understand how operating systems render emoji differently, how font stacks work, and how to handle fallbacks in web and native applications.
How Emoji Fonts Work: COLR, CBDT, sbix, and SVG Font Tables
A technical deep-dive into emoji font formats: COLR/CPAL vector layering, CBDT/CBLC bitmap embedding, sbix Apple bitmaps, and SVG-in-OpenType.