Title: Color Picker Field
Published: February 20, 2025
Last modified: February 21, 2025

---

# Color Picker Field

## In this article

 * [Key Features](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/color-picker/?output_format=md#key-features)
 * [Settings](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/color-picker/?output_format=md#settings)

[ Back to top](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/color-picker/?output_format=md#wp--skip-link--target)

The Color Picker field provides an interactive interface for selecting colors. It
supports both RGB and RGBA color formats and includes a visual color picker with
opacity control.

## 󠀁[Key Features](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/color-picker/?output_format=md#key-features)󠁿

 * Visual color selection interface
 * RGB and RGBA color support
 * Opacity/transparency control
 * Default color presets
 * Hex color input

## 󠀁[Settings](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/color-picker/?output_format=md#settings)󠁿

 * Default Value – Set a default color
 * Return Format – Choose between string, array, or rgba format
 * Enable Opacity – Allow transparency selection

First published

February 20, 2025

Last updated

February 21, 2025

Edit article

[ Improve it on GitHub: Color Picker Field ](https://github.com/wordpress/secure-custom-fields/edit/trunk/docs/features/field/color-picker/index.md)

Changelog

[ See list of changes: Color Picker Field ](https://github.com/wordpress/secure-custom-fields/commits/trunk/docs/features/field/color-picker/index.md)

[  Previous: Using the Clone Field](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/clone/clone-tutorial/)

[  Next: Using the Color Picker Field](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/color-picker/color-picker-tutorial/)