內容簡介
Demo – 文件 – GitHub
Image Color Palette 提供了一個簡單的工具，根據影像的主色創建一個調色板。它也可以根據影像色彩創建彩色方案。
可以將顏色復制到剪貼板並粘貼到顏色選擇器中。在選擇已註冊塊時，該插件允許將顏色應用於某些塊屬性，例如文本或背景顏色。
配色方案
可用的方案包括:
類比色
單色系
三色系
互補色
淺色
明亮色
暗色
降低飽和度
飽和色
用法
前往任何啟用新版 Gutenberg 編輯器的文章編輯器。
在文章編輯器中，頂部工具欄的右側應顯示插件圖標/按鈕 (如果沒有，請參閱下面的常見問題解答)。
單擊該圖標/按鈕，以打開插件側邊欄。
點擊主按鈕，媒體庫將會打開。選擇影像並點擊選擇按鈕。
將根據影像的顏色創建一個調色板。
單擊任何一種顏色，將會出現一個菜單。
可以復制顏色 (以 HEX 格式) 到任何塊的顏色選擇器中粘貼。
對於支持的塊，菜單將顯示直接將顏色應用於塊屬性的其他選項。
感謝
橫幅圖像屬於Simone Hutsch。
外掛標籤
開發者團隊
原文外掛簡介
Demo – Documentation – GitHub
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.
