COLOR PICKER CONTROLHelp users find the color they are looking for

Provide a tailored experience
on mobile, tablet and desktop

Start your free 15 day trial • 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, React, Knockout and ASP.NET MVC.

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
Refine
Single select
Multiple select
Refine
Single select
Multiple select
Refine

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'
});
$('#colorpicker').mobiscroll().color({
    theme: 'material',
    display: 'center'
});
<input 
    type="text"
    ng-model="colorpicker"
    mobiscroll-color="{
        theme: 'material', 
        display: 'center' 
    }"
/>
<mobiscroll.Color
    theme="material"
    display="center"
    value="this.state.colorpicker"
    onSet={function(event, inst) {
        this.setState({ colorpicker: inst.getVal() });
    }}
/>

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 free for 15 Days

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

Join great companies who takes their UI seriously

Features

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.

Localization

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.

Theming

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.

Responsive

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

Accessibility

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, Ionic, React, Knockout, ASP.NET MVC 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

Project licensing or developer licensing

Color license
$195
 
Buy Now
Professional license with maintenance
and support included
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
Build with plain Javascript, jQuery, jQuery Mobile, Angular, Ionic, React, Knockout or ASP.NET MVC
Customize themes without the need for extra CSS
Multiple seats for developers with access to online tools & support
Maintenance with technical support and major-minor updates included
Framework license
$395
with 18 other controls
Shop Now
Get it with all controls as part of the full suite
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 →
Quickly build your proof of concept and try it locally. View the quick install guide →

Start Your Free Trial

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

"We spend lots of time building web app forms to work with Mobiscroll, which is fantastic.

Your software makes ours perform great!"
Henson Yem, Senior Technology Consultant, Tang Computers
Close
View implementation