HSV Colour Selector Component

Design

[Update: A new version of this component (AS2 and AS3) is available in the Razor Component Framework.. check latest posts for details]

Some time ago I had to create an ‘Interior design’ app where you could pick and drag colours onto a photograph of a room, and it would tint the appropriate section/wall. I decided to include the colour picker component from that project here in the hope that it might be useful to somebody.

It is different to most other colour pickers I have seen in that it doesn’t have a large number of buttons over ’swatches’, or duplicated movie clips. I suppose you could say that it’s pseudo-analog.

I tried to mimic the Flash authoring environment’s HSV colour picker and it turned out quite well.


I also converted it into a web designers tool where you can get the hex values of similar colours for your design. Check out the swf below.

Unfortunately it is written in Actionscript 1 because it is quite old, but at least it is self contained. To use it for your own projects, drag the component from the library into your own movie. The assets will be copied into your library automatically. See the actions on the first frame inside the component for usage instructions.

Source file: Colourpicker.fla

This entry was posted on Tuesday, August 31st, 2004 at 6:04 pm and is filed under Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

6 Responses to “HSV Colour Selector Component”

  1. flex-mx Says:

    Actionscript Color Selector Component
    Razorberry shares his color picker app - demo and source code available here. Yes, Flash MX comes with a colorpicker component (and Razor’s is in AS1) it’s still a nice component that doesn’t use swatches (which bothered me too)….

  2. eyezberg Says:

    I will post an article about this in the next 2 days or so max.. ;-)
    cheers joe

  3. Marvus Says:

    Hi,

    I was wondering if you had some easy way to send a hexadecimal color value to the colour picker and have it position to the right x and y coordinates to represent that colour ?

    Merci !

  4. OmeIII_X Says:

    Very very useful component for me, 10x a lot for it.
    the best component of that kind i find in the net

    sory for my bad english.

  5. deepak Says:

    The colour picker shown above is runnable in flash player 6 & 7 since the source code is made using actionscript 1.0. Can we convert the source code to actionscript 2.0 to make it runnable in flash player 8 or if it is already done, can you please forward the source .fla file to the above email-id.

  6. Ash Says:

    I had originally intended to rewrite this, but never got around to it. Feel free to use or change the source code however you wish.

Leave a Reply