Colours

Categories: Featured, Webtools
Written By: James

Colour [or 'color' for those of USA persuasion]: a quality which objects have, and which can be seen, only when light falls on them. No matter where you look, you see colour! Wars have been waged over them and others play with them. They bring fear, happiness, sorrow and all the myriad of other emotions we all exprience. Red rag to a bull, green with envy, as calm as the blue sea, black with hatred – are just some of the feelings and ‘vibes’ associated with colour. And in this new world known as the Wide Web World, Web Wide World, World Wide Web [or Internet], colours are used in thousands of different ways.

However, as any web designer will tell you, there are colours and then there are colours. It’s all black and white you see – but not really. White and black are not generally known as black after all [yes, yes, I know black and white are not colours but that's not the issue]. The point is, white becomes #ffffff and black becomes #000000 and everything colour-wise works from these junctures.

And as you delve deeper into colours and you work with them daily in code, you start to see colours in a different light again. RGB and Hex values slowly take over. You see a red car, but actually, you think to yourself, well, it’s not exactly red in the true sense at all – it is actually #a70909 with perhaps a hint of #be1212 in the sunlight. And you spot a great looking old wall with shades and cracks and it instantly appeals. Is if off-white, cream, grey [gray] in places, and that patch in the corner must be brown? But again, the colours just do not add up and your mind shifts into code mode again with flashes of #FEDCDC, #CCC4C4 and perhaps a dash of #602E1C.

Most graphics programs show you these codes when you choose a colour and even if you do not have a graphics program that does this, there are literally hundreds of places online [that's www or Net for some] where you can easily find the codes anyway.

Colours make the world - well - colourful really

So, here’s a few resources on offer…

Online

Do’s and Dont’s
A good article about choosing your colours using a colour wheel

ColorSpire
An excellent colour picker and a whole lot more. Fantastic tool. Thanks to Kevin for pointing this out!

Name That Colour
Contains hex code, RGB and a very nifty addition, the actual name of the colour as well.

Colour Name and Hue
With this little tool you can either enter RGB (Red-Green-Blue) values, HSB (Hue-Saturation-Brightness) numbers or a hexadecimal code for a color, to find its closest match of a named color and its corresponding hue. It is also possible to just use the sliders to see how color hues are changing. The list of colors comprises 1640 different color names extracted from several sources on the web.

HTML Color Name
A table that provides a list of the color names that are supported by all major browsers.

Photoshop-like JavaScript Color Picker
This color picker mimics Photoshop color picker by layering transparent images.

4096 Colour Wheel
Simple but very good. Hovering over a colour shows three varying hues and coliurs side by side. Nice for gradient work.

Colour Scheme Generator
Another wheel and gradient colour picker.

Colour Scheme Randomizer
Spin the color wheel and get a selection of three random colors. The color wheel randomizes among some 16 million colors. And since each spin produces three different colors, that gives endless combinations. (or 2 to the power of 70 or so, which is a very large number). Enough to keep anyone busy for a while.

Interactive Colour Wheel
Experiment with saturation, intensity, hue, and luma.

Accessibility Color Wheel
If accessibility is your focus, this one is for you. Even includes Deuteranope, Protanope and Tritanope settings. If you are not sure what that means, take a look at this colour picker – it includes explainations for the less intelligent, such as myself.

Colour Schemer
Gives a nice options for creating a colour scheme with 16 matching colours. Simple but effective.

Interactive Colour Scheme Chooser
You can use this interactive application to choose colors for sections of your Web pages [doh!]

Colour Theory Visualizer
Contains a lot of nice features, including the possibility to change the background so you can see how colours work on white and back. Even has an OSX widget for those who are Mac-oriented.

As mentioned above, there are hundreds, if not thousands available on the Net. Try a Google search for more.

Free, Downloadable Programs

ColorPicker
The significant difference between this tool and any of those highlighted above, is that this tool allows you to fin the colour of anything on your screen. And if you have ever tried using a color picker on a high resolution monitor? It’s impossible. That’s why this color picker has a magnifier attached. Grab palettes of up to 16 colors at once and use four advanced color mixers to select a spectrum of possibilities. An excellent tool!

Anry Colour Picker
Free color picker and color mixing tool features five formats of picked color value (HTML, RGB, HEX, HSB/HSV, HSL), 3x/9x zoom of any screen area, saving picked color history, RGB and RYB color wheels, two harmonious color finders and RGB color mixer. Supported platforms: Windows 95, 98, ME, NT, 2000, XP, 2003. No installation required.

ColorSchemer ColorPix
ColorPix is a useful little color picker that grabs the pixel under your mouse and transforms it into a number of different color formats. You can use the built-in magnifier to zoom in on your screen, click on a color value to copy it directly to the clipboard, and even keep ColorPix on top of all other apps and out of the way.

In Your Browser

ColorZilla for Firefox
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily. I use this one extensively and find it to be one of my most used Firefox addons.

Not being a Mac or Linux user myself, I do not wish to suggest what programs or addons are the best to use. I just wish Internet Explorer had an addon such as those described above, but to date, I am not aware of any that exist.


Possibly related but probably not...

3 Responses to “Colours”

  1. kevin Says:

    Thanks for your post! Hope you try out my online color utility colorspire to see if it helps or not.

  2. James Burton Says:

    Hi Kevin,

    I like! I like – A LOT! Thanks for bringing this to my attention. I have added it to the list above.

  3. area code list usa Says:

    [...] you look, you see colour! Wars have been waged over them and others play with them. They bring fear,http://erraticsouls.com/colours/Vitrolife: Conference Call Interim Report Business Wire via Yahoo! Finance STOCKHOLM, [...]

Leave a Reply