Below you will find swatches of the 216 colors that ShopSite uses in its color palette. Why 216 colors? Not everyone that views your page will be using the same video card, monitor, or even operating system--perhaps drastically limiting the number of colors that will be displayed properly. By using these colors, you can ensure the colors on your page will look the way you intend them to look--on any system.
You will notice that each color has a specific code--called a hex code--associated with it. These codes are handy when coding a page from scratch, or when choosing a color for a graphic in a program such as Adobe's ImageReady or Macromedia's Fireworks.
Black-True (#000000) |
White-True (#FFFFFF) |
||||
Aqua_1 (#00CCCC) |
Aqua_2 (#99FFFF) |
||||
Aqua_3 (#00FFCC) |
Aqua_4 (#33FFCC) |
||||
Aqua_5 (#66CCCC) |
Aqua_6 (#66FFCC) |
||||
Aqua_7 (#99FFCC) |
Aqua_8 (#33CCCC) |
||||
Black_2 (#333333) |
Black_3 (#333300) |
||||
Black_4 (#330033) |
Black_5 (#330000) |
||||
Black_6 (#003333) |
Black_7 (#003300) |
||||
Black_8 (#000033) |
Blue-True (#0000FF) |
||||
Blue_1 (#0000CC) |
Blue_2 (#0033CC) |
||||
Blue_3 (#0066CC) |
Blue_4 (#0099FF) |
||||
Blue_5 (#3366CC) |
Blue_6 (#3399FF) |
||||
Blue_7 (#33CCFF) |
Blue_8 (#6699FF) |
||||
Blue_9 (#66CCFF) |
Blue_10 (#9999FF) |
||||
Blue-Green (#99CCCC) |
Blue-Grey (#9999CC) |
||||
Blue-Purple (#3333CC) |
Blue-Purple_2 (#6600FF) |
||||
Blue-Purple_3 (#6633FF) |
Blue-Purple_4 (#666699) |
||||
Blue-Purple_5 (#6666CC) |
Bright_Aqua (#00FFFF) |
||||
Bright_Green_1 (#00CC00) |
Bright_Green_2 (#00CC33) |
||||
Bright_Green_3 (#00CC66) |
Bright_Green_4 (#00FF00) |
||||
Bright_Green_5 (#00FF33) |
Bright_Green_6 (#00FF66) |
||||
Bright_Green_7 (#66FF00) |
Bright_Green_8 (#66FF33) |
||||
Bright_Green_9 (#66FF66) |
Bright_Green_10 (#99FF00) |
||||
Bright_Green_11 (#99FF33) |
Brown_1 (#996600) |
||||
Brown_2 (#996633) |
Brown_3 (#CC9933) |
||||
Brown_4 (#CC9966) |
Brown-Grey (#CCCC99) |
||||
Brown-Orange_1 (#CC6600) |
Brown-Orange_2 (#CC6633) |
||||
Brown-Red_1 (#996666) |
Brown-Red_2 (#CC6666) |
||||
Brown-Yellow_1 (#CC9900) |
Brown-Yellow_2 (#CCCC00) |
||||
Brown-Yellow_3 (#CCCC33) |
Brown-Yellow_4 (#CCCC66) |
||||
Burgundy_1 (#663300) |
Burgundy_2 (#663333) |
||||
Burgundy_3 (#990000) |
Burgundy_4 (#990033) |
||||
Burgundy_5 (#990066) |
Burgundy_6 (#993300) |
||||
Burgundy_7 (#993333) |
Burgundy_8 (#993366) |
||||
Green_1 (#006600) |
Green_2 (#006633) |
||||
Green_3 (#009900) |
Green_4 (#009933) |
||||
Green_5 (#009966) |
Green_6 (#00CC99) |
||||
Green_7 (#00FF99) |
Green_8 (#336600) |
||||
Green_9 (#336633) |
Green_10 (#339900) |
||||
Green_11 (#339933) |
Green_12 (#339966) |
||||
Green_13 (#33CC00) |
Green_14 (#33CC33) |
||||
Green_15 (#33CC66) |
Green_16 (#33CC99) |
||||
Green_17 (#33FF00) |
Green_18 (#33FF33) |
||||
Green_19 (#33FF66) |
Green_20 (#33FF99) |
||||
Green_21 (#669900) |
Green_22 (#669933) |
||||
Green_23 (#669966) |
Green_24 (#66CC00) |
||||
Green_25 (#66CC33) |
Green_26 (#66CC66) |
||||
Green_27 (#66CC99) |
Green_28 (#66FF99) |
||||
Green_29 (#99CC66) |
Green_30 (#99CC99) |
||||
Green_31 (#99FF66) |
Green_32 (#99FF99) |
||||
Green_33 (#CCFF99) |
Green_34 (#CCFFCC) |
||||
Green-Black (#336666) |
Green-Blue_1 (#006666) |
||||
Green-Blue_2 (#009999) |
Green-Blue_3 (#339999) |
||||
Green-Blue_4 (#669999) |
Green-Brown_1 (#666600) |
||||
Green-Brown_2 (#666633) |
Green-Brown_3 (#999900) |
||||
Green-Brown_4 (#999933) |
Green-Brown_5 (#999966) |
||||
Green-Yellow_1 (#99CC00) |
Green-Yellow_2 (#99CC33) |
||||
Grey_1 (#666666) |
Grey_2 (#999999) |
||||
Grey_3 (#CCCCCC) |
Light_Aqua (#CCFFFF) |
||||
Light_Blue_1 (#00CCFF) |
Light_Blue_2 (#33FFFF) |
||||
Light_Blue_3 (#66FFFF) |
Light_Pink (#FFCCCC) |
||||
Light_Purple (#CCCCFF) |
Orange_1 (#FF9900) |
||||
Orange_2 (#FF9933) |
Orange_3 (#FF9966) |
||||
Orange-Yellow_1 (#FFCC00) |
Orange-Yellow_2 (#FFCC33) |
||||
Orange-Yellow_3 (#FFCC66) |
Peach (#FFCC99) |
||||
Pink_1 (#FF9999) |
Pink_2 (#CC9999) |
||||
Pink_3 (#CC99CC) |
Pink_4 (#FF99CC) |
||||
Purple_1 (#663366) |
Purple_2 (#000066) |
||||
Purple_3 (#000099) |
Purple_4 (#003366) |
||||
Purple_5 (#003399) |
Purple_6 (#330066) |
||||
Purple_7 (#330099) |
Purple_8 (#3300CC) |
||||
Purple_9 (#333399) |
Purple_10 (#660000) |
||||
Purple_11 (#660033) |
Purple_12 (#660066) |
||||
Purple_13 (#660099) |
Purple_14 (#6600CC) |
||||
Purple_15 (#663399) |
Purple_16 (#6633CC) |
||||
Purple_17 (#990099) |
Purple_18 (#9900CC) |
||||
Purple_19 (#9900FF) |
Purple_20 (#993399) |
||||
Purple_21 (#9933CC) |
Purple_22 (#996699) |
||||
Purple_23 (#9966CC) |
Purple_24 (#CC33CC) |
||||
Purple_25 (#CC33FF) |
Purple_26 (#CC66CC) |
||||
Purple_27 (#CC66FF) |
Purple_28 (#CC99FF) |
||||
Purple_29 (#FF00FF) |
Purple_30 (#FF33CC) |
||||
Purple_31 (#FF33FF) |
Purple_32 (#FF66FF) |
||||
Purple_33 (#FF99FF) |
Purple_34 (#FFCCFF) |
||||
Purple_35 (#CC00FF) |
Purple-Black (#333366) |
||||
Purple-Blue_1 (#9933FF) |
Purple-Blue_2 (#9966FF) |
||||
Red-True (#FF0000) |
Red_1 (#CC0000) |
||||
Red_2 (#CC0033) |
Red_3 (#CC0066) |
||||
Red_4 (#CC0099) |
Red_5 (#CC00CC) |
||||
Red_6 (#CC3300) |
Red_7 (#CC3333) |
||||
Red_8 (#CC3366) |
Red_9 (#CC3399) |
||||
Red_10 (#CC6699) |
Red_11 (#FF0033) |
||||
Red_12 (#FF0066) |
Red_13 (#FF0099) |
||||
Red_14 (#FF00CC) |
Red_15 (#FF3300) |
||||
Red_16 (#FF3333) |
Red_17 (#FF3366) |
||||
Red_18 (#FF3399) |
Red_19 (#FF6600) |
||||
Red_20 (#FF6633) |
Red_21 (#FF6666) |
||||
Red_22 (#FF6699) |
Red_23 (#FF66CC) |
||||
Royal_Blue_1 (#0033FF) |
Royal_Blue_2 (#0066FF) |
||||
Royal_Blue_3 (#3300FF) |
Royal_Blue_4 (#3333FF) |
||||
Royal_Blue_5 (#3366FF) |
Royal_Blue_6 (#6666FF) |
||||
Slate_Blue_1 (#006699) |
Slate_Blue_2 (#0099CC) |
||||
Slate_Blue_3 (#336699) |
Slate_Blue_4 (#3399CC) |
||||
Slate_Blue_5 (#6699CC) |
Slate_Blue_6 (#99CCFF) |
||||
Yellow-True (#FFFF00) |
Yellow_1 (#FFFF33) |
||||
Yellow_2 (#FFFF66) |
Yellow_3 (#FFFF99) |
||||
Yellow_4 (#FFFFCC) |
Yellow-Brown (#CCFF00) |
||||
Yellow-Green_1 (#CCFF33) |
Yellow-Green_2 (#CCFF66) |
ShopSite Help and Resource Center February 13, 2004 Give Feedback |
© 2007, ShopSite, Inc. ShopSite Shopping Cart Software |