# FontColorConfig

interface

The configuration of the font color and font background color features. This option is used by the [`FontColorEditing`](module_font_fontcolor_fontcolorediting-FontColorEditing.md) and [`FontBackgroundColorEditing`](module_font_fontbackgroundcolor_fontbackgroundcolorediting-FontBackgroundColorEditing.md) features.

```typescript
ClassicEditor
	.create( {
		fontColor: ... // Font color feature configuration.
		fontBackgroundColor: ... // Font background color feature configuration.
	} )
	.then( ... )
	.catch( ... );
```

See [all editor options](module_core_editor_editorconfig-EditorConfig.md).

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-font/src/fontconfig.ts#L30)

<a id="properties">

## Properties

<a id="member-colorPicker">

### `colorPicker?: false | ColorPickerConfig`

Configuration of the color picker feature.

If set to `false` the picker will not appear.

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-font/src/fontconfig.ts#L95)

<a id="member-colors">

### `colors?: Array<ColorOption>`

Available font colors defined as an array of strings or objects.

The default value is the [shared default color palette](module_ui_colorgrid_colors.md#constant-defaultColors), shown in [`defaultColorGridColumns`](module_ui_colorgrid_colors.md#constant-defaultColorGridColumns) columns.

**Note**: The colors are displayed in the `'fontColor'` dropdown.

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-font/src/fontconfig.ts#L40)

<a id="member-columns">

### `columns?: number`

Represents the number of columns in the font color dropdown.

The default value is:

```typescript
const fontColorConfig = {
	columns: 12
}
```

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-font/src/fontconfig.ts#L88)

<a id="member-documentColors">

### `documentColors?: number`

Determines the maximum number of available document colors. Setting it to `0` will disable the document colors feature.

By default it equals to the [`columns`](#member-columns) value.

Examples:

```typescript
// 1) Neither document colors nor columns are defined in the configuration.
// Document colors will equal 12,
// because the value will be inherited from columns,
// which has a predefined value of 12.
const fontColorConfig = {}

// 2) Document colors will equal 8, because the value will be inherited from columns.
const fontColorConfig = {
	columns: 8
}

// 3) Document colors will equal 24, because it has its own value defined.
const fontColorConfig = {
	columns: 8,
	documentColors: 24
}

// 4) The document colors feature will be disabled.
const fontColorConfig = {
	columns: 8,
	documentColors: 0
}
```

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-font/src/fontconfig.ts#L75)

---

Full index of the CKEditor 5 API reference: [llms.txt](llms.txt)