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テーブル「Color Bitmap Data Table」と「Color Bitmap Location Table」。
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 エンティティを確認できます。