Getting Started
Components
- Barcodes
- Buttons
- Chartsupdated
- Conversational UIupdated
- Data Query
- Date Inputsupdated
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Gantt
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- - Overview
  - Getting Started
  - CheckBox
  - ColorGradient
  - ColorPalette
  - - Overview
    - Color Presets
    - Forms Support
    - Customization
    - Disabled ColorPalette
    - Read-Only ColorPalette
    - Events
    - Accessibility
    - Keyboard Navigation
  - ColorPicker
  - FlatColorPicker
  - FormField
  - MaskedTextBoxupdated
  - NumericTextBoxupdated
  - RadioButton
  - RangeSlider
  - Ratingnew
  - Signature
  - Slider
  - Switch
  - TextArea
  - TextBox
  - Setting the Width
  - Debouncing Value Changes
  - Globalization
  - API
- Labels
- Layout
- ListBox
- ListView
- Map
- Menus
- Navigation
- Notification
- Pager
- PDF Export
- PDFViewer
- PivotGridupdated
- Popup
- ProgressBars
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- Spreadsheetupdated
- ToolBar
- Tooltips
- TreeList
- TreeView
- Typography
- Uploads
- Utilities
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / Inputs / ColorPalette / Customization /

New to Kendo UI for Angular? Start a free 30-day trial

ColorPalette Customization

The ColorPalette provides options for the user to specify its rendering, columns, and tile sizes, and to customize the color formats of its palettes.

The following example demonstrates how to customize the rendering of the ColorPalette.

Example

View Source

Change Theme:

Suggested Links

API Reference of the ColorPalette

Disabled ColorPalette

Is this article helpful?

Thank you for your feedback!