Image Color Palette for Gutenberg

plugin banner

Create a color palette based on the colors of an image.

Author:melonpan (profile at wordpress.org)
WordPress version required:5.6
WordPress version tested:5.7.2
Plugin version:2.0.0
Added to WordPress repository:06-09-2018
Last updated:08-05-2021
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:100
Rated by:2
Plugin URI:https://wordpress.org/plugins/image-color-pal...
Total downloads:2 354
Active installs:40+
plugin download
Click to start download

DemoDocumentationGitHub

Image Color Palette provides a simple utility to generate a color palette based on the dominant colors of an image. It also creates color schemes based on the image colors.

The colors can be copied to the clipboard and pasted in a color picker. When a registered block is selected the plugin permits applying the color to certain block attributes like text or background color.

Color schemes

Available schemes include:

  • Analogous
  • Monochromatic
  • Triad
  • Complementary
  • Lighter
  • Brighter
  • Darker
  • Desaturated
  • Saturated

Usage

Go to any post editor where the new Gutenberg editor is enabled.
Inside the Post editor on the right side of the top Toolbar the plugin icon/button should appear (if not, please read the FAQ below).
Click the icon/button to open the plugin sidebar.
Click the main button and the Media Library will open. Select an image and click the Select button.
A color palette will be created based on the colors of the image.
Click on any of the colors and a menu will appear.
The color can be copied to the clipboard (in HEX format) and pasted in the color picker of any block.
For supported blocks, the menu will display extra options to apply the color directly to the Block attributes.

Credits

Banner image belongs to Simone Hutsch.


Screenshots
FAQ
ChangeLog