COLR/CPAL

COLR

Design & Typography

Tables de polices couleur OpenType qui définissent les emoji comme des formes vectorielles superposées avec une palette de couleurs, utilisées par Windows et 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.

Termes associés

CBDT/CBLC (CBDT) CBDT/CBLC (CBDT)
Color Bitmap Data Table et Color Bitmap Location Table — tables OpenType pour intégrer des emoji en couleur au format bitmap dans les polices. Emoji vectoriel Emoji vectoriel
Emoji rendus à l'aide de graphiques vectoriels évolutifs (SVG ou COLR) qui restent nets quelle que soit la taille d'affichage. OpenType OpenType
Format de police développé par Microsoft et Adobe qui prend en charge le rendu des emoji en couleur grâce à plusieurs technologies de tables de couleurs. SVG dans OpenType (SVGinOT) SVG dans OpenType (SVGinOT)
Méthode d'intégration de documents SVG (Scalable Vector Graphics) directement dans des fichiers de police OpenType pour des emoji en couleur et évolutifs.

Outils associés

🔀 Comparaison de plateformes Comparaison de plateformes
Comparez le rendu des emojis sur Apple, Google, Samsung, Microsoft et d'autres plateformes. Visualisez les différences côte à côte. 🔢 Recherche Unicode Recherche Unicode
Saisissez un point de code comme U+1F600 et obtenez l'emoji, les détails d'encodage, les octets UTF-8/16 et les entités HTML.

Articles associés

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.