Color Palette Generator and Optimization Tool
512-FOUND: Color Palette Generator, Analyzer, Tester and Color Optimization Tool
Dr. E. Garcia
Mi Islita.com
Email | Last Update: 06/09/05
Topics
About this Color Generator
Using the Palette
System Requirements
Who Should use this Tool
Possible Applications
Generated Palettes
Really Safe Palette
References
About this Color Generator
512-FOUND is a palette generator, analyzer, color tester and optimization tool for professional and inexperienced users.
- Still guessing fore/background colors?
- Why force color rendering with "gif tricks"?
- Stop the color nightmare with 512-FOUND.
Using the Palette
To use our color optimization tool
- Enter two hexadecimal values, HEX 1 and HEX 2 or use default values.
- Click "GET". In few seconds your customized palette will be generated.
- Click "RESET" to reset 512-FOUND
- Mouseover a color to read its value in alternate notations.
512-FOUND supports several color notations. For instance, mousing over the ff9900 color gives
- Hexadecimal, HEX: ff9900
- Triplet hex, short: f90
- Red-Green-Blue, RGB: 255-153-0
- Normalized RGB, %rgb: 100-60-0
No more hard-to-remember color calculations! Not sure which colors cannot be declared in shorthand notation? Relax. 512-FOUND displays "short: ---", for such colors. Need a handy color reference? Print or paste a generated palette in your favorite document or web page.
System Requirements
To use our palette generator you need the latest version of
- Browser: Internet Explorer or Netscape
- Operating System: Windows XP, ME, 98
- Language: JavaScript
Who Should use this Tool
Our color optimization tool can be used by
- teachers, students,... anyone.
- website optimizers, web designers or software developers.
- color professionals, painters, interior decorators or graphic artists.
- developers interested in replacing non standard colors with safe colors.
- users interested in replacing name colors with color values.
Possible Applications
512-FOUND can be used for
- building a library of customized color palettes.
- studying color rendering on the Web.
- replacing name colors with color values.
- matching foreground and background colors.
- replacing non standard colors with "Web-safe" colors.
- identifying non standard "safe" colors.
- to find "safe" colors; colors that are consistently rendered across user's systems and settings.
- as a website colorization and color optimization tool.
Generated Palettes
Our tool generates palettes consisting of
- a set of 256 standard colors containing 216 safe colors.
- a set of 256 non standard colors, which may contain safe colors.
Thus a total of 512 candidate colors can be found. These colors are obtained by combining the so-called "standard hex pairs", i.e., the 00, 33, 66, 99, ff, and cc hexadecimal pairs, with two user-defined hexadecimal values, HEX 1 and HEX 2. Hex values must be limited to two characters and should consist of combinations of numbers (from 0 to 9), letters (from a to f) or combinations of these. Try with
- HEX 1 = c0 and HEX 2 = 80 (default values)
- HEX 1 = aa and HEX 2 = 88
- HEX 1 = a8 and HEX 2 = b7
- HEX 1 = ee and HEX 2 = 1b
Before using 512-FOUND please keep in mind that
- setting HEX 1 = HEX 2 or setting either one to a standard hex pair produces a palette with duplicated colors
- a palette containing the so-called "VGA safe colors" is obtained with the default values.
- "safe" is a relative term. What is safe for you may not be safe for others.
Really Safe Palette
According to Razorfish's David Lehn and Hadly Stern, a really safe palette consists of 22 colors, only (1, 2). These are given in the following table.
| #fff | #ff6 | #f33 | #ff0 | #cf6 | #6ff | ||||||||||||
| #6f3 | #6f0 | #3ff | #3fc | #3f6 | #3f3 | ||||||||||||
| #0ff | #0fc | #0f6 | #0f0 | #f0f | #f03 | ||||||||||||
| #f00 | #00f | #003 | #000 | ||||||||||||||

