COLR/CPAL
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://emojifyi.com/iframe/glossary/colr-cpal/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://emojifyi.com/glossary/colr-cpal/Add a dynamic SVG badge to your README or docs.
[](https://emojifyi.com/glossary/colr-cpal/)Use the native HTML custom element.
COLR
Design & TypographyOpenType color font tables that define emoji as layered vector shapes with a color palette, used by Windows and 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.