Title: Color Posts
Author: Jeremy Herve
Published: <strong>August 6, 2014</strong>
Last modified: November 12, 2024

---

Search plugins

![](https://ps.w.org/color-posts/assets/banner-772x250.jpg?rev=2506870)

![](https://ps.w.org/color-posts/assets/icon-256x256.jpg?rev=2506870)

# Color Posts

 By [Jeremy Herve](https://profiles.wordpress.org/jeherve/)

[Download](https://downloads.wordpress.org/plugin/color-posts.1.6.2.zip)

 * [Details](https://mri.wordpress.org/plugins/color-posts/#description)
 * [Reviews](https://mri.wordpress.org/plugins/color-posts/#reviews)
 *  [Installation](https://mri.wordpress.org/plugins/color-posts/#installation)
 * [Development](https://mri.wordpress.org/plugins/color-posts/#developers)

 [Support](https://wordpress.org/support/plugin/color-posts/)

## Description

Color Posts grabs an image from your post, samples it, creates a matching color 
and a contrast value (black or white), and changes the post’s background color to
match the image.
 It also changes the background color of your window in Chrome 
for Android, and customizes the look of the AMP default template if you use [the AMP plugin](https://wordpress.org/plugins/amp/).

If you’re not happy with the automatically picked color, you can define your own
custom color thanks to the “Post Color” meta box in the post editor.

If you’d like to use post colors via the REST API, you can use the `colors` field
in the post response.

Important: for this plugin to work, you must activate [Jetpack](https://wordpress.org/plugins/jetpack/)
first.

If you find bugs, you can report them [here](https://wordpress.org/support/plugin/color-posts),
or submit a pull request [on GitHub](https://github.com/jeherve/color-posts/).

You can read more about how the plugin works here: [Color Posts plugin: how to use Jetpack libs in your plugin](http://jeremy.hu/color-posts-jetpack-plugin/)

## Installation

 1. Install the Jetpack plugin
 2. Install the Color Posts plugin via the WordPress.org plugin repository, or via 
    your dashboard
 3. Activate the plugin
 4. Enjoy! 🙂

## FAQ

### I don’t want to change the background color on my site, but I’d like to use this plugin to change other elements on my site

No problem! You can build your own CSS from the colors grabbed by the plugin, like
so:

    ```
    function jeherve_use_custom_colors( $colors_css, $color, $contrast ) {
        $post_id = get_the_ID();

        $tonesque = get_post_meta( $post_id, '_post_colors', true );
        extract( $tonesque );

        $colors_css = ".post a {
            color: #{$color};
        }";

        return $colors_css;
    }
    add_filter( 'colorposts_css_output', 'jeherve_use_custom_colors', 10, 3 );
    ```

### I don’t want Jetpack to choose the base image for me. I want to use my own image

You can do so thanks to the `colorposts_image_output` filter, like so:

    ```
    function jeherve_use_custom_image( $the_image ) {
        $the_image = 'http://f.cl.ly/items/3z0o2k2F3w0D0p0k1Y35/cool.gif'; // Whatever image you want, you could grab it from a custom field
        return esc_url( $the_image );
    }
    add_filter( 'colorposts_image_output', 'jeherve_use_custom_image' );
    ```

### How do I change the default color that is assigned to posts without an image

You can define a default image that will be used to create a color for all posts
that don’t include an image.
 To do so, you can use the `jetpack_open_graph_image_default`
filter, like so:

    ```
    function jeherve_custom_colors_default_img( $the_image ) {
        $the_image = 'http://f.cl.ly/items/3z0o2k2F3w0D0p0k1Y35/cool.gif'; // Whatever image you want, you could grab it from a custom field
        return esc_url( $the_image );
    }
    add_filter( 'jetpack_open_graph_image_default', 'jeherve_custom_colors_default_img' );
    ```

## Reviews

![](https://secure.gravatar.com/avatar/fb46e1523561a5368295c949a1c944d4a57f1a9f2a25f3595c2d0d6781eca192?
s=60&d=retro&r=g)

### 󠀁[Nice!](https://wordpress.org/support/topic/nice-3875/)󠁿

 [](https://profiles.wordpress.org/mrwindowsx/) March 19, 2021

Great plugin, keep this updated frequently.

![](https://secure.gravatar.com/avatar/63f2d1698f6479be3ae3820cb0651765092b8ce4bf2b6dfd1bee3fd0f952c199?
s=60&d=retro&r=g)

### 󠀁[Complete Waste of Time](https://wordpress.org/support/topic/complete-waste-of-time-3/)󠁿

 [net3431](https://profiles.wordpress.org/net3431/) September 3, 2016 2 replies

I installed Jetpack. I installed the “Color Post” plugin. I set the color. It did
nothing. I uninstalled the “Color Post” plugin. I uninstalled Jetpack. I feel like
I just got scammed.

 [ Read all 3 reviews ](https://wordpress.org/support/plugin/color-posts/reviews/)

## Contributors & Developers

“Color Posts” is open source software. The following people have contributed to 
this plugin.

Contributors

 *   [ Jeremy Herve ](https://profiles.wordpress.org/jeherve/)

“Color Posts” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/color-posts/contributors)
for their contributions.

[Translate “Color Posts” into your language.](https://translate.wordpress.org/projects/wp-plugins/color-posts)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/color-posts/), check
out the [SVN repository](https://plugins.svn.wordpress.org/color-posts/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/color-posts/) by
[RSS](https://plugins.trac.wordpress.org/log/color-posts/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.6.2

Release Date: August 26, 2022

 * Compatibility: update how the plugin relies on functionality provided by the 
   Jetpack plugin, to ensure full compatibility with upcoming versions of the Jetpacak
   plugin.

#### 1.6.1

Release Date: March 31, 2021

 * Internationalization: remove custom translation implementation, WordPress’ language
   packs handle everything these days.
 * Custom contrast value: avoid issues when saving new value.
 * Ensure the values saved and displayed are always as expected.

#### 1.6

 * Admin interface: add the meta box to all public post types.

#### 1.5.2

 * Fix error when the WP REST API plugin wasn’t installed on a site.

#### 1.5.1

 * Fix Fatal Error on post update.

#### 1.5

 * You can now set your own custom color if you don’t like the one that’s automatically
   calculated from the post image.
    - You can do so from a color picker in the post and page editor.
    - If you don’t touch the color picker, the plugin keeps using the post image
      to calculate a post color.
    - As soon as you touch the color picker, the plugin uses that color instead.
 * Refactoring to accommodate the new admin interface.
 * REST API: Allow defining custom color via the API.

#### 1.4

 * Add colors to AMP’s Default template if you use [the AMP plugin](https://wordpress.org/plugins/amp/).

#### 1.3

 * Add colors to REST API Post response.

#### 1.2

 * Add background color to Chrome for Android.
 * Display custom colors on pages as well.

#### 1.1

 * Add default fallback image and documentation.

#### 1.0

 * Initial release.

## Meta

 *  Version **1.6.2**
 *  Last updated **1 year ago**
 *  Active installations **20+**
 *  WordPress version ** 4.7 or higher **
 *  Tested up to **6.7.5**
 *  Languages
 * [English (US)](https://wordpress.org/plugins/color-posts/) and [French (France)](https://fr.wordpress.org/plugins/color-posts/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/color-posts)
 * Tags
 * [colors](https://mri.wordpress.org/plugins/tags/colors/)[jetpack](https://mri.wordpress.org/plugins/tags/jetpack/)
   [posts](https://mri.wordpress.org/plugins/tags/posts/)[theme](https://mri.wordpress.org/plugins/tags/theme/)
 *  [Advanced View](https://mri.wordpress.org/plugins/color-posts/advanced/)

## Ratings

 3.7 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/color-posts/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/color-posts/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/color-posts/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/color-posts/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/color-posts/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/color-posts/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/color-posts/reviews/)

## Contributors

 *   [ Jeremy Herve ](https://profiles.wordpress.org/jeherve/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/color-posts/)