Click here to Skip to main content
Click here to Skip to main content

Zeta Color Editor

By , 4 Jan 2009
Rate this:
Please Sign up or sign in to vote.

Introduction

WTF - yet another color picker control? Yes!

For the latest version of our Desktop CMS "Zeta Producer Desktop 8", I was in need to allow the user selecting colors.

The reason why I decided to develop my own color picker was that after having used some other color picker controls in the past, none of them finally matched 100% of my needs. So I ended up developing my very own version (nearly) from scratch.

Therefore my color picker probably does not fit 100% for your requirements. But at least if I can give you a basis that you can build on and extend, I am already very happy!

Features

The color picker comes either as a stand-alone form to show, or it comes as a control to embed into your own forms. The example included also contains property grid editor to allow for in-place editing of colors in a standard PropertyGrid control.

Basically, I wanted to have a great looking control and also a reasonably understandable code behind (i.e. no quickly hacked together features). I really hope I have achieved these goals.

The Zeta Color Editor library comes with English and German translations. It is easy to add your own, especially if you use a tool like this one.

The following features are included.

Custom Colors

The first tab in the form/control.

Allows your users to select a color from a color palette by dragging the two cursors (cross and arrow), directly entering in RGB or HSL color space or entering the HTML color code

Web Colors

This is the second tab in the form/control.

Shows named colors and lets the user select one of them.

Browser-safe Colors

This is the third tab in the form/control.

Allows the user to select browser-safe colors.

System Colors

The fourth tab in the form/control.

Shows all system-known named colors for the different UI elements of Windows.

Schemes

This is the fifth and last tab in the form/control.

With the concept of schemes, you as the developer are able to provide an arbitrary number of additional lists of colors (the so called "schemes") to the Zeta Color Editor library.

Inside our Zeta Producer application, we have a number of different layouts, each of which has its own custom palette. With the help of schemes, we enable the users to select from the different palettes of the different layouts.

So the scheme concept allows you to flexibly extend the color picker.

Using the Code

The download above contains the library as well as a small example project:

The example project shows you how to easily integrate the library into your own projects.

For example, the following code is the complete content of the Click handler of the example project:

private void launchColorEditorButton_Click( object sender, EventArgs e )
{
    using ( var form = new ColorEditorForm() )
    {
        // Must set the extender _first_, since it helps in lookup
        // of the selected color.
        form.ExternalColorEditorInformationProvider = new ExternalTestProvider();
        form.SelectedColor = colorPanel.BackColor;

        if ( form.ShowDialog( this ) == DialogResult.OK )
        {
            colorPanel.BackColor = form.SelectedColor;
        }
    }
}

Simply create an instance of the ColorEditorForm, passing initial properties and an (optional) provider for the color schemes and call the ShowDialog method.

If the form was closed with the "OK" or the "No color" button, the ShowDialog method returns DialogResult.OK. Read the SelectedColor property of the form to retrieve the color.

Epilog

Although the features perfectly fit the need for color selection in our applications, there are probably (important) features missing.

If you can think of great features, please tell me about them! Simply write a comment in the comment section at the bottom of this page. Thank you!

History

  • 2009-01-04
    • First release of the article

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

Uwe Keim
Chief Technology Officer Zeta Producer Desktop CMS
Germany Germany
Uwe does programming since 1989 with experiences in Assembler, C++, MFC and lots of web- and database stuff and now uses ASP.NET and C# extensively, too. He has also teached programming to students at the local university.
 
In his free time, he does climbing, running and mountain biking. Recently he became a father of a cute boy.
 
Some cool, free software from us:
 
Free Test Management Software - Intuitive, competitive, Test Plans. Download now!  
Homepage erstellen - Intuitive, very easy to use. Download now!  
Send large Files online for free by Email
Some random fun stuff in German

Comments and Discussions

 
GeneralMy vote of 5 PinmemberMontasser Ben Ouhida6-Mar-12 5:20 
GeneralA tiny change PinmemberXmen W.K.19-Jul-10 3:07 
GeneralRe: A tiny change PinmvpUwe Keim19-Jul-10 3:16 
GeneralVery Nice PinmemberXmen W.K.18-Jul-10 7:40 
GeneralRe: Very Nice PinmvpUwe Keim18-Jul-10 7:41 
GeneralRe: Very Nice PinmemberXmen W.K.18-Jul-10 7:41 
GeneralRe: Very Nice PinmvpUwe Keim18-Jul-10 7:43 
GeneralVery Good Pinmemberbluealert45531-Mar-09 16:08 
GeneralOne problem regarding the speed PinmemberSeraph_summer20-Feb-09 23:10 
GeneralRe: One problem regarding the speed PinsitebuilderUwe Keim20-Feb-09 23:14 
GeneralRe: One problem regarding the speed PinmemberSeraph_summer21-Feb-09 0:23 
GeneralRe: One problem regarding the speed PinmemberBoBsEd23-Oct-09 14:08 
GeneralRe: One problem regarding the speed PinsitebuilderUwe Keim24-Oct-09 0:27 
General5 stars from me Pinmemberrspercy5815-Feb-09 6:09 
GeneralRe: 5 stars from me PinsitebuilderUwe Keim15-Feb-09 6:15 
GeneralVery nice, found a small bug. PinmemberESTAN13-Jan-09 9:38 
GeneralRe: Very nice, found a small bug. PinsitebuilderUwe Keim13-Jan-09 10:00 
GeneralNice job. Thanks PinmemberPCoffey12-Jan-09 8:56 
GeneralRe: Nice job. Thanks PinsitebuilderUwe Keim12-Jan-09 9:00 
GeneralGood job PinmemberDr.Luiji5-Jan-09 3:14 
GeneralRe: Good job PinsitebuilderUwe Keim5-Jan-09 3:21 
GeneralRe: Good job PinmemberDr.Luiji5-Jan-09 3:59 
GeneralExcellent work PinmvpDaniel Vaughan4-Jan-09 11:00 
GeneralRe: Excellent work PinsitebuilderUwe Keim4-Jan-09 19:32 
GeneralVery cool Uwe PinmvpSacha Barber4-Jan-09 9:18 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web04 | 2.8.140415.2 | Last Updated 4 Jan 2009
Article Copyright 2009 by Uwe Keim
Everything else Copyright © CodeProject, 1999-2014
Terms of Use
Layout: fixed | fluid