Title: Image Color Palette Author: Alvaro Published: 2018 年 9 月 6 日 Last modified: 2021 年 5 月 8 日 --- 搜索插件 ![](https://ps.w.org/image-color-palette/assets/banner-772x250.png?rev=2149016) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://ps.w.org/image-color-palette/assets/icon-256x256.png?rev=2149016) # Image Color Palette 作者：[Alvaro](https://profiles.wordpress.org/melonpan/) [下载](https://downloads.wordpress.org/plugin/image-color-palette.2.0.0.zip) * [详情](https://cn.wordpress.org/plugins/image-color-palette/#description) * [评价](https://cn.wordpress.org/plugins/image-color-palette/#reviews) * [安装](https://cn.wordpress.org/plugins/image-color-palette/#installation) * [开发进展](https://cn.wordpress.org/plugins/image-color-palette/#developers) [支持](https://wordpress.org/support/plugin/image-color-palette/) ## 描述 [Demo](https://gutenberg-showcase.melonpan.io/image-color-palette) – [Documentation](https://melonpan.io/wordpress-plugins/image-color-palette)– [GitHub](https://github.com/garciaalvaro/image-color-palette) 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](https://unsplash.com/@heysupersimi). ## 屏幕截图 [⌊Example use of palette generated colors.⌉⌊Example use of palette generated colors .⌉[ Example use of palette generated colors. [⌊Scheme select list.⌉⌊Scheme select list.⌉[ Scheme select list. ## 安装 Installation from the WordPress admin. 1. Log in to the WordPress admin and navigate to Plugins > Add New. 2. Type “Image Color Palette” in the Search field. 3. In the results list Image Color Palette plugin should appear, click **Install Now** button. 4. Once it finished installing, click the Activate button. 5. That’s it, now you can go to any post where Gutenberg is enabled and start using the plugin. ## 常见问题 ### I do not see the plugin icon in the post editor Alternatively the Plugin can be opened from the Show More button (the 3 dots on the right side of the Editor Top Bar). Click the More button and inside the menu list click on the plugin name “Image Color Palette”. ## 评价 ![](https://secure.gravatar.com/avatar/0771f018c5c481aecb62b5789070e663f32e747831b01c657b7246e43dc9ed21? s=60&d=retro&r=g) ### 󠀁[J’adore](https://wordpress.org/support/topic/jadore-13/)󠁿 [dmsr](https://profiles.wordpress.org/dmsr/) 2022 年 7 月 22 日 Si le travail des couleurs est indispensable sur votre site, installer ce plugin! Super utile! ![](https://secure.gravatar.com/avatar/fc86d9dfbfc88c36be834763e00759fcd59197dee28515e1e4c85204c3abe013? s=60&d=retro&r=g) ### 󠀁[Nice one!](https://wordpress.org/support/topic/nice-one-273/)󠁿 [wellbeingtips](https://profiles.wordpress.org/wellbeingtips/) 2018 年 9 月 8 日 1 回复 Good for creating stylish and unique posts. [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/image-color-palette/reviews/) ## 贡献者及开发者 「Image Color Palette」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Alvaro ](https://profiles.wordpress.org/melonpan/) 「Image Color Palette」插件已被翻译至 3 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/image-color-palette/contributors) 为本插件所做的贡献。 [帮助将「Image Color Palette」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/image-color-palette) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/image-color-palette/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/image-color-palette/)，或通过[RSS](https://plugins.trac.wordpress.org/log/image-color-palette/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/image-color-palette/)。 ## 更新日志 #### 2.0.0 * Major refactor * Updated dependencies * Minor fixes #### 1.5.0 * Added linter for development * Updated dependencies * Minor fixes #### 1.4.2 * Monochromatic scheme colors are now sorted by brightness. * Fixed small bug which recalculated color palette unnecessarily. * Fixed popover menu not appearing with the correct z-index. * Raised minimum WordPress version to 5.2 to make use of block-editor package. #### 1.4.1 * Fixed bug where no version number was being added to the enqueues. #### 1.4.0 * Added Color distance equation option. * Added more core block types to set it’s color attributes. * Added the filter “imageColorPalette.addBlockTypeColorAttributes” for developers to include their own block type attributes. * Updated the color menu UI. * Rebuilt code, migrated JavaScript to TypeScript. #### 1.3.1 * Fixed block selected before plugin sidebar is open not passing attribute options to color menu. #### 1.3.0 * Added new feature to paste the color automatically to the selected block color attribute (currently available for core blocks) * Added new popover menu when clicking on a color * Small fixes #### 1.2.0 * Improved code base and interface * Organized UI in two tabs: Palette & Settings * The scheme can now be toggled directly from the Palette #### 1.1.0 * Improved UX with better debouncing and better performance in color palette generation * Moved copied_color and copied_index out of store * Reorganized JavaScript components #### 1.0.0 * Initial release. ## 额外信息 * 版本 **2.0.0** * 最后更新：**5 年前** * 活跃安装数量 **20+** * WordPress 版本 ** 5.6 或更高版本 ** * 已测试的最高版本为 **5.7.20** * PHP 版本 ** 7.1 或更高版本 ** * 语言 * [Danish](https://da.wordpress.org/plugins/image-color-palette/) 、 [English (US)](https://wordpress.org/plugins/image-color-palette/)、 [Spanish (Spain)](https://es.wordpress.org/plugins/image-color-palette/) 和 [Swedish](https://sv.wordpress.org/plugins/image-color-palette/). * [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/image-color-palette) * 标签 * [blocks](https://cn.wordpress.org/plugins/tags/blocks/)[color](https://cn.wordpress.org/plugins/tags/color/) [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/) * [高级视图](https://cn.wordpress.org/plugins/image-color-palette/advanced/) ## 评级 5 星（最高 5 星）。 * [ 2 条 5 星评价 ](https://wordpress.org/support/plugin/image-color-palette/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/image-color-palette/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/image-color-palette/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/image-color-palette/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/image-color-palette/reviews/?filter=1) [您的评价](https://wordpress.org/support/plugin/image-color-palette/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/image-color-palette/reviews/) ## 贡献者 * [ Alvaro ](https://profiles.wordpress.org/melonpan/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/image-color-palette/)