Color Extractor

Extract colors from image assets in Craft 3.

Inner working

By using the imageColor field on each asset, it doesn't require extra database queries when showing colors. On install it creates a task to extract the color for every image.


  • A field named imageColor on all assets of kind image (can be color or plaintext)
  • Craft 3 (we test on the latest release of Craft 3)
  • PHP 7.1 at least

Example usage

Use the colorExtractor twig filter to retrieve the image's color from templates.

<div style="background-color: {{ entry.images[0]|colorExtractor }};"></div>


Package Name

To install this plugin, search for its package name on the Plugin Store and click “Install”.


  • Version
  • Last Update 11/3/2020
  • Active Installs 40
  • Compatibility Craft 3
  • License MIT
  • Categories Fields, Assets

Report an issue