Fork me on GitHub

AceEditor ColorPicker AddOn

.sample-green .red { background-color: green; color: blue; }
// AceEditor Addon 
var cm = AceEditor.fromTextArea(document.getElementById("sample_text_area"), {
    colorpicker : {
        mode : 'edit'
    }
});

ColorPicker Style

Chrome Devtool Style

Adobe XD Style

Sketch Style

MacOS Style

Ring Style

Mini Style

Mini Vertical Style

VSCode Style

{
    colorpicker : {
        type : 'palette' // or 'sketch',  default type is 'chromedevtool'
    }    
}