Basics of Color Analyzer’s Palette Browser for CSS3 Sites - dummies

Basics of Color Analyzer’s Palette Browser for CSS3 Sites

By John Paul Mueller

Using the Color Analyzer’s Picker tab to select a color for your CSS3 site will be too much work for many people. It’s a lot easier if the tool helps you choose a specific color. That’s where the Palettes tab comes into play.

The Palettes tab provides several methods for organizing and categorizing colors to make them a lot easier to work with. (You can also access this tab immediately by selecting the Palette Browser option on the menu.)

image0.jpg

The two drop-down lists help you make good color choices. The first drop-down list contains methods for organizing the color selections. By default, you can choose colors based on

  • Favorites

  • History

  • Hues and Brightness

  • Hues and Saturations

  • System CSS Colors

  • W3C Named Colors

  • Colors by Hue

  • web Named Colors

  • web Safe Colors

  • X Named Colors

The .GPL files that hold the palette selections are actually written using a text editor. You can create your own palettes if you want to, using any of the existing .GPL files as a template. Click the Palettes Folder icon (the folder between the two drop-down lists) to gain access to the .GPL files on your system.

You can also create a list of personal favorites by clicking Add to Favorites whenever you see a color you like.

The default display shows the colors as thumbnails. Selecting the List option shows the colors as a list that includes a larger color sample, hexadecimal value, and named value (when available). Here is a typical view of this display option.

image1.jpg

There are three links at the bottom of the selection area that you should know about as well. Clicking any of these links will open a page in your browser. However, the browser window doesn’t gain focus automatically, so it may appear that nothing has happened. Check your browser for the new page. Here’s a list of what these links do:

  • permalink: Shows the permanent link for the palette option you’ve selected.

  • save in web services: Provides a method for sending the selected palette to your account or to someone else’s account online. You can choose from one of the following services:

    • del.icio.us

    • digg

    • facebook

    • netscape

    • technorati

    • blinklist

    • blogmarks

    • live

    • google bookmarks

    • stumbleupon

    • furl

    • yahoo! myweb

    • newsvine

    • reddit

    • ma.gnolia

    • tailrank

  • more palettes: Displays a wealth of other palettes you can download to your system and use.