COLOR PICKER CONTROLHelp users find the color they are looking for

Provide a tailored experience
on mobile, tablet and desktop

Free 10 day trial with full technical support • We'll help you get started in no time!

Mobiscroll Color picker is the mobile control
which perfectly fits into your workflow

Works across the web and hybrid apps.

Use it with plain Javascript or your favorite framework: jQuery, Angular, Ionic and React.

CustomizeThe right option at the right time

Provide a perfectly tailored solution for single and multiple selection and let users refine colors where it makes sense.

Single select
Multiple select
Single select
Multiple select
Single select
Multiple select

Learn & ExtendQuickly get started and customize as you go

Kickstart development with downloadable demos and starter projects. Explore the API documentation to further customize the the experience. Get premium support from the people who've actually built it.

mobiscroll.color('#colorpicker', {
    theme: 'material',
    display: 'center'
    theme: 'material',
    display: 'center'
        theme: 'material', 
        display: 'center' 
        theme: 'material', 
        display: 'center'
    [mbsc-options]="{ theme: 'material', display: 'center' }">

It’s Javascript

Build on top of the core product and fine tune to fit your exact needs. Explore the API documentation to customize the experience.

LocalizeShow localized controls in the expected format and language

With localization settings you can control buttons and micro-copy. Easily support right-to-left languages. Pick one of the languages that come out of the box or simply add your own translation.

"We are using the Mobiscroll Calendar in one of our products.
Although it didn't come with the functionality we were looking for out of the box,
the support team went above and beyond to help me with the problem.

I was absolutely amazed by it and got so much more than I was expecting."

Tom Maddocks, Web Developer, Blueleaf

Some of the smartest companies rely on mobiscroll for their UI

With well thought out components and a lot of edge cases handled make your app feel and be top notch.

Use it everywhere

Build a great app, no matter what your tech stack looks like. Open doors between teams.

Mobiscroll runs everywhere where Javascript runs, cross-platform and cross-framework. Build for iOS, Android and Windows Phone using the technologies you know and love.

Try it for free

We'll support you through the whole process of getting up & running

Join great companies who take their UI seriously


The tools you need to build delightful products

Color select

Single selection from a number of available preset colors.

Multiple selection

Free-form multiple select or fill up a count of colors if specified.

Select & Refine

Select color and refine luminosity in real time.

Clear selection

Let people quickly clear the selected value with a single tap.

Color preview

Show the selected color in the input without requiring users to tap and open the control.

Vertical or horizontal swiping

Navigate the list of colors wither by horizontally or vertically swiping.

Color presets

Have a number of predefined colors the user can pick from.

Color formats

Support multiple color formats, like HEX, RGB or HSL.

RTL Support

Support right-to-left languages and rendering.


Support multi-lingual apps and serve UI with the correct culture settings.

Cross platform

Deliver great cross-platform web and hybrid apps with adaptable themes.

Fluid UX

Provide a native-like experience with smooth animations and refined controls.


Customize the look and feel of the UI to match your brand and app.

Display modes

Show the controls in the appropriate way for the context. Top, bottom, center, inline and bubble modes available.

Event handlers

Tap into the lifecycle of the UI control by writing custom event handlers.


Improve color selection on mobile, tablet and desktop with a single codebase.


Support people with disabilities and right-to-left cultures with WAI-ARIA support, Section 508, and RTL rendering.

Easily add to existing projects or use it for brand new solutions

Available for plain Javascript, jQuery and jQuery Mobile, Angular JS, Angular, Ionic, React and for anywhere where Javascript runs.

All this bundled with amazing support

Talk with our incredible support staff, who is actually the same team who builds these controls.

Simple Pricing

Per component or for the whole set of tools

Color license
Buy Now
License for a single component
Let people pick any number of colors and refine their selection
Show localized controls with the correct format and language
Support iOS, Android and Windows Phone
Support mobile web and hybrid apps
For Javascript, jQuery, jQuery Mobile, Angular, Ionic or React
Customize themes without the need for extra CSS
Community support & forums
No technical support provided
Framework license
36 UI Components
Shop Now
Get it with technical support & product maintenance

Select the framework you are interested in

Angular JS

Use Javascript when building with plain and simple JS.

Add the source code?

Looking for technical support?

Take a look at our Pro licenses with technical support from the team.
Price $95
Buy now
30 Day
Money Back
Try it RISK-FREE. If you're not extremely satisfied with our product, you'll get a full refund within the first 30 days! No questions asked!
Need a more custom solution or additional functionality? Get in touch, we can help! Explore custom development services →
Customizable demos with source available for testing and download. Try and download demos →
Browse the extensive API documentation and see how to integrate, customize and tap into the Mobiscroll API for the Color. Explore documentation & API reference →
Start Your Free Trial
We'll support you through the whole process of getting up & running.
"Once we started using Mobiscroll, our conversions have improved and the experience became much more delightful!"
Daniel Maldonado, Sr. Web Designer, Ecommission Financial Services
View implementation
Latest version released: v4.9.0
Released last week