This module provides a highly customizable color picker field for Drupal, allowing users to select colors using hexadecimal notation. It supports adding multiple color fields to content and entities with various themes and predefined formatters for displaying the selected colors.
Color pickr is a highly customizable nice color picker field module for drupal that use a hexadecimal notation (HEX) for the combination of Red, Green, and Blue color values (RGB). We can add single or multiple color picker fields for the content or entities with three themes and render the field with predefined formatters.
Features
- Themes
- Simple usage
- Zero dependencies
- Multiple color representations
- Color comparison
- Opacity control
- Detail adjustments via. mouse-wheel
- Responsive and auto-positioning
- Supports touch devices
- Swatches for quick-selection
- Fully accessible and i18n
- Shadow-dom support
Formatters
- Plain text - as HEX code(#FF0080) or RGB(163,73,164) with or without opacity such as RGBA(0,0,255,1.0)
- Available themes Classic, Monolith and Nano
Widgets
- HTML5 Drupal 8+
- Plain Text
- Pre-selected Color Boxes with line, square, circle, rectangle and hexagon
Set Up:
- To Setup, Like any Drupal 9/10 module Just Place the Module Files in Module Directory
- Enable the module "Color Pickr" through Extends Admin Tab
- Once Enabled a field Color Pickr would be Available in the manage fields for the contents and entities
- Add the field on the content types you wish to add the color pickr field
- Configure the theme from from manage form display. The available options for the color pickr field on the manage form display are:
- Classic
- Monolith
- Nano
-
You can configure the manage display to show the formats to display the color pickr.
The available options for the color pickr field on the manage display are:- Color Pickr Square
- Color Pickr Hexagon
- Color Pickr Circle
- Color Pickr Default(Plain text)
- Color Pickr Line