COLR/CPAL

COLR

Design & Typography

Bảng font màu OpenType định nghĩa emoji dưới dạng các hình dạng vector được xếp lớp với bảng màu, được Windows và Chrome sử dụng.

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.

Thuật ngữ liên quan

CBDT/CBLC (CBDT) CBDT/CBLC (CBDT)
Color Bitmap Data Table và Color Bitmap Location Table — các bảng OpenType dùng để nhúng emoji bitmap màu vào trong các tệp font. OpenType OpenType
Định dạng font chữ do Microsoft và Adobe phát triển, hỗ trợ hiển thị emoji màu thông qua nhiều công nghệ bảng màu. SVG trong OpenType (SVGinOT) SVG trong OpenType (SVGinOT)
Phương pháp nhúng tài liệu SVG (Scalable Vector Graphics) trực tiếp vào các tệp font OpenType để tạo emoji màu có thể mở rộng. Vector Emoji Vector Emoji
Emoji được hiển thị bằng đồ họa vector có thể mở rộng (SVG hoặc COLR) vẫn sắc nét ở mọi kích thước hiển thị.

Công cụ liên quan

🔀 So sánh nền tảng So sánh nền tảng
So sánh cách emoji hiển thị trên Apple, Google, Samsung, Microsoft và nhiều hơn nữa. Xem sự khác biệt trực quan cạnh nhau. 🔢 Tra cứu Unicode Tra cứu Unicode
Nhập codepoint như U+1F600 để nhận emoji, chi tiết mã hóa, byte UTF-8/16 và HTML entity.

Bài viết liên quan

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.