UI Color Picker — CKEditor Sample
Description: Try the latest sample of CKEditor 4 and learn more about customizing your WYSIWYG editor with endless possibilities.

# CKEditor Samples » UI Color

This sample is not maintained anymore. Check out its brand new version in CKEditor Examples.

This sample shows how to automatically replace `<textarea>` elements with a CKEditor instance with an option to change the color of its user interface.
Note:The UI skin color feature depends on the CKEditor skin compatibility. The Moono and Kama skins are examples of skins that work with it.

This editor instance has a UI color value defined in configuration to change the skin color, To specify the color of the user interface, set the `uiColor` property:

    CKEDITOR.replace( 'textarea_id', {
    	uiColor: '#14B8C4'
    });

Note that `textarea_id` in the code above is the `id` attribute of the `<textarea>` element to be replaced.

<p>This is some <strong>sample text</strong>. You are using <a href="https://ckeditor.com/">CKEditor</a>.</p>