Color Pickr

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:

1. To Setup, Like any Drupal 9/10 module Just Place the Module Files in Module Directory
2. Enable the module "Color Pickr" through Extends Admin Tab
3. Once Enabled a field Color Pickr would be Available in the manage fields for the contents and entities
4. Add the field on the content types you wish to add the color pickr field
5. 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
6. 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

View project details: https://www.drupal.org/project/color_pickr