VisiBone home page

home > Color Products > Color KiloChart    
1068 Color Codes for web and graphics design
CLICK FOR CLOSEUP

And see below...

Web Color
KiloChart

  • 1068 color
    chips with decimal
    RGB codes.
  • 18"x24" (46x61cm)
  • For web and
    graphics design
    outside the
    web-safe color
    palette.
  • Perceptually
    uniform color
    spacing
  • Hundreds of the
    girly pastels and
     manly  earth 
     tones      that are
    so scarce in the 
    web-safe 
    color palette.
  • 42 hue groups,
    25 shades each,
    plus 16 grays,
    black & white.
  • Protective
    coating

 

 

Here's a peek:

Close-up of two hue groups

The red
hue group
and its
reddish-
orange
neighbor

See 
below
about
decimal
versus
hexadecimal
codes.
Find your color by its hue first...

A bird's eye
view of the 42
hue groups
...then find your color by its shade within that hue.

The parts of a 
hue group, with
an example of a
shading series


Decimal Alternatives

The Color KiloChart shows decimal color codes.  Legacy HTML color codes are in hexadecimal, but today there are alternatives for all of them in decimal.  (99.9% of browsers in use support style sheets, according to thecounter.com.)  Here are alternatives for most HTML hexadecimal codes. The features in the right-hand column are supported by IE and Netscape since version 4.  All the features on the left are now deprecated by W3C.

<basefont color="#A43900">, <body style="color:rgb(164,57,0)">
<body link="#A43900"> <style>a:link{ color:rgb(164,57,0) }</style> (in head)
<body vlink="#A43900"> <style>a:visited{ color:rgb(164,57,0) }</style> (in head)
<body alink="#A43900"> <style>a:active{ color:rgb(164,57,0) }</style> (in head)
<body text="#A43900"> <body style="color:rgb(164,57,0)">
<body bgcolor="#A43900"> <body style="background-color:rgb(164,57,0)">
<col bgcolor="#A43900"> <col style="background-color:rgb(164,57,0)">
<colgroup bgcolor="#A43900"> <colgroup style="background-color:rgb(164,57,0)">
<font color="#A43900"> <span style="color:rgb(164,57,0)">
(no colored text backgrounds in HTML) <span style="background-color:rgb(164,57,0)">
(no colored text borders in HTML) <span style="border-color:rgb(164,57,0)">
(tedious box borders in HTML–double table) <div style="border-color:rgb(164,57,0)">
<frame bordercolor="#A43900"> <frame style="border-color:rgb(164,57,0)">
<frameset bordercolor="#A43900"> <frameset style="border-color:rgb(164,57,0)">
<hr color="#A43900"> <hr style="color:rgb(164,57,0)">
<iframe bgcolor="#A43900"> <iframe style="background-color:rgb(164,57,0)">
<layer bgcolor="#A43900"> <layer style="background-color:rgb(164,57,0)">
<marquee bgcolor="#A43900"> <marquee style="background-color:rgb(164,57,0)">
<table bgcolor="#A43900"> <table style="background-color:rgb(164,57,0)">
<table bordercolor="#A43900"> <table style="border-color:rgb(164,57,0)">
<td bgcolor="#A43900"> <td style="background-color:rgb(164,57,0)">
<tr bgcolor="#A43900"> <tr style="background-color:rgb(164,57,0)">

To clarify, you can use hexadecimal in style sheet color codes.  I chose decimal codes for the KiloChart because a lot of graphics software uses decimal codes only.  And even with programs that prefer hexadecimal codes, decimal is only a click or two away.

By the way, I got all these cross-references from the HTML Card, scanning for the #rrggbb symbols in the Tags section. The HTML Foldouts have the exact same information.

Other VisiBone Products:

Color ProductsHTML Products