Alpha color picker Field type is easy to use and compatible with channel entry, Grid, Fluid and Relationship Field. It provides valuable output in HEX, RGB and RGBA values.


EE Compatible Version: EE4, EE5.


Follow below steps to install Alpha Color Picker Field version:

EE4 and EE5:

  1. Download and Extract ZIP file of the module. (We recommend to use the latest version.)
  2. Copy Alpha_Color_Picker_Field > system > user > addons > alpha_color_picker_field folder to “Your Site > system > user > addons” Folder.
  3. Copy Alpha_Color_Picker_Field > themes > user > alpha_color_picker_field folder to “Your Site > themes > user” Folder.
  4. Login to backend panel with Super admin credentials.
  5. Go to “Developer > Add-Ons” and Install Alpha Color Picker Field module.

Note: If you purchased the addon from Devot:ee then you can get the license key from the licenses tab in your profile.

Custom Sidebar

We provide one “customSidebar” function in the MCP file. You can add more menus in the sidebar of the addon using this function.

/* To get dynamic menu in the addon */    
   function customSidebar(){
       $sidebar = ee('CP/Sidebar')->make();
       $this->navSettings  = $sidebar->addHeader('Test Link', '');


  1. Easy to setup/install.
  2. Compatible with grid field.
  3. Compatible with Fluid and Relationship Field
  4. Compatible with Channel Forms.
  5. User can Select Color from Color picker or Write color code directly in the field with # as the prefix.
  6. Users can adjust the Alpha value of RGBA color.



  • Initial Version


  • Updated the license verification process and setup so please update the license in your addon.

Loading your cart...