Main Menu

Design Aspects

Color Related Links

Notes ...
-  Some of the links below may have pop-up pages associated with them.
-  If you know of links that should be added, please let us know!  Use the Questions / Comments / Suggestions link near the top of the page.

Colored Scrollbars
Dev Mechanic Generator
Webmaster Tools - Internet Explorer Scrollbar Color
This tool will generate seven CSS properties that will change the Internet Explorer scrollbar colors. These style properties can be used for more than just the scrollbar on the right side of the browser window. You can color the scrollbars in an iframe, in a textarea box, or even in a frameset. You just need to put your properties in a class and set that class on the element you want changed.
Dynamic HTML Generators
Scrollbar Generator Notes:
- The scrollbar colors will only appear in IE5.5. They will have no effect in any other browser or browser version. CSS Scrollbars
Free tools to create logos, flash banners, navigation bars and other graphics for your website. Free php scripts coming soon.
This section contains guidelines on how to create a custom Internet Explorer scroll bar (this css technique only works in Microsoft Internet Explorer version 5.5). You can customize the face color, background color, shading, highlights to match the look and feel of your web site. This technique is can also be applied to the scroll bars on any html element which can have scroll bars, such text areas on forms. Be aware that it is not valid css though.
Peachware's Visual Scrollbar Builder
Visual Scrollbar Builder
License: Freeware
Build colored scrollbars for Internet Explorer the EASY way. Just click on the colors you want and Visual Scrollbar Builder will write all of the code for you! Copy and paste the code into your html files or use the generated html file as a template
This utility helps you to create a script that make your scrollbars colorful.
Guide: Put the generated script on the part of your web page. Lets note that this script works with IE5.5+, other browsers just ignore it.
Colors for Your Site
Welcome to ColorBlender - your free online tool for color matching and palette design!
To get started, choose a preferred color using the color picker, and a 6-color matching palette (a "blend") will be automatically calculated.
Using the radio buttons you may switch to Direct Edit mode to tweak or edit individual colors of your blend.
Blends can be saved for future use, and will be available whenever you return to this site from the same workstation, given that your browser accepts cookies.
4 panel, scrolling, side-by-side color combination viewer.
Color Schemer Studio is a professional color matching application for anyone from hobbyists to advanced professionals.
Work with a dynamic visual color wheel, instantly explore harmony relationships and even let Color Schemer Studio intelligently suggest color schemes for you!
Harmonies (
Search for colors complements to your RGB values.
Create color harmonies, combinations and themes.
From your main (or background) color select trim and accents tones.
Hypergurl's Color Matcher
Website Color Match - How to match web site colors - website color scheme and color code.
Color Match will show you how to match your web site colors and will save you time when choosing a web site color scheme or color code.
Jan's Web Studio Templates
Jan's Web Studio Templates
Gradients (
Free tools to create logos, flash banners, navigation bars and other graphics for your website. Free php scripts coming soon.
Find your colors fast here at Materials-World.
Color Charts - Paint, roof shingles, brick, Vinyl siding, stain - Chips, Sample, Swatch, Palette, Chart, Colors - Home, Exterior, Interior, Wall
Web Monkey
Reference Color Codes
When you're adding a color to your Web page with HTML, sometimes you can just type in the name of the color. But more often than not, you'll need to use what's called the hex code, which is something that the browser will be able to understand.
Generator of color schemes and palettes to create good-looking and well balanced and harmonic web pages. This is the new version of the previous color generator.
Designing for Color Deficient Vision Color Deficient Vision Charts
Color blindness references for Web Designers.
Cards and Charts simulating the web-safe colors in color blindness.
Explanation, instructions.
216 Color Palette
The Web-Safe Color Dilemma /
You might have heard of the browser-safe palette, Netscape palette, 216 palette, Web palette, and/or 6x6x6 color cube. All these terms refer to the same set of colors, which this page will describe in detail.
A lot of people credit me with the browser-safe palette, but it's a misplaced honor (if you can call it that!). I do have the distinction of being the first author to identify and publish the colors - but I can't take credit for creating them. 216 Color Chart
The following chart includes a visual representation of the 216 color web chart, plus the HEX value and RGB (red, green and blue) numbers for the color.
Towards the bottom of the page is a Grayscale chart.
Web Safe Color Chart Award winning HTML and Javascript tutorials. You'll find easy to learn material on HTML tables, forms, frames, javascript, style sheets and much more
Link Colors
Changing Link Colors Within a Page
You can change link colors on a page beyond those set in Web Studio. This comes in handy if there are some links that just don't work with site-wide colors.
HEX / RGB Colors
HEX / RGB Conversion Chart
A conversion chart for HEX / RGB
HEX to RGB / RGB to HEX Converter
A converter for HEX / RGB

2007 &                   All Rights Reserved Worldwide
No images, graphics or text on this site may be reproduced without the written permission of
'Back to the Beach', 'Web Studio' and all content accessed through the Web Studio Forums are Copyright Back to the Beach Software and Web Studio.
Examples listed are with permission.
SunsetFX's Web Studio Help Home Page Site Map