![]() |
home > Tips & Tutorials > Color > WEB COLOR : WEB SAFE COLOR PALETTES
WEB
COLOR TOOLS
WEB COLOR ARTICLES
COLOR UTILITIES
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
WEB COLOR TOOLS
55+ Color Tools for Color Palettes, Color Combinations, Color Schemes & More for Graphic Designers & Web Designers - Part II - A huge list of online color tools and utilities to find new color schemes for your layouts and designs.
Web Color Browser Safe Color Tools
4096 Color Wheel - Hover over the wheel to view colors
The Browser Safe Web Palette - 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.
Color Blender - Tool to blend web colors
Color Harmony Guide - 32 pages of color palettes and 8 pages of color families, in handy swatchbook form, categorized by the mood they evoke--cool, powerful, tropical, and so on. Each includes the corresponding CMYK screen mix so you can choose the colors you like and type them into your desktop publishing, illustration, or paint program.
Color Palette Creator - Input a base color or press the button for random color schemes. Quite helpful for figuring out beautiful color schemes. Requires a JavaScript-enabled browser.
Color Scheme - A helpful online color scheme tool to help select eye-stopping color schemes. Choose from monochromatic, contrast, “soft” contrast, triade, “double-contrast,” analogic colors, contradictory colors.
Color Schemer - A popular color scheme generator.
Colours On The Web - color theory and color matchingLearn about color theory and how to match colors. Includes a color wizard which helps you generate great matching color schemes.
DynaKewb - 216 web colors for backgrounds
Preset
Color Palettes - A color palette-generation
program that's geared toward web designers for easy consideration
of different color palettes
Safe Web Colours - Safe Web Colours for colour-deficient vision
Web Color Reference - This color reference aims to help you pick colors for Web pages. The
Web Color Visualizer - See the different web colors with thir hex number.
Lynda.com Browser-Safe Colors Organized By Hue, With Hex and RGB Callouts - Browser-Safe Colors Organized By Hue, With Hex and RGB Callouts
Lynda.com Browser-Safe Colors Organized By Value (Lights and Darks), With Hex and RGB Callouts - Browser-Safe Colors Organized By Value (Lights and Darks), With Hex and RGB Callouts
RBG Hex Triplet Color Chart - RBG Hex Triplet Color Chart
The Color Wheel Company - The Color Wheel Company has numerous color wheels from which to choose, and are quite reasonably priced.
VisiBone Web-Safe Color Table, Decimal Codes -VisiBone Web-Safe Color Table, Decimal Codes
VisiBone Web-Safe Color Table, Hex Codes - VisiBone Web-Safe Color Table, Hex Codes
Webmaster Color Library - Color scheme picker for web designers. See all the web-safe colors on the left. Pick by clicking. See your choices on the right with hex and decimal codes and all text / background combinations.
Web Safe Printable Chart - featuring Hexidecimal and RGB values for easy reference.
WEB COLOR ARTICLES
A Guide to Color Combinations and Color Schemes in Graphic Design & Web Deisgn - The ultimate guide to Color theory and Examples of Color Schemes and Color Combinations Within Designs.
55+ Color Tools for Color Palettes, Color Combinations, Color Schemes & More for Graphic Designers & Web Designers - Part II - A huge list of online color tools and utilities to find new color schemes for your layouts and designs.
How to Choose Color Schemes in Graphic Design and Web Design - Find Out How to Combine Colors the Right Way - Find out more about colors and how to use theme within your layouts and designs.
Accurate Color on the Web - If you're not losing sleep over color accuracy right now, you probably will be soon. E-commerce has created new demand for precise rendering of product images. So before you spend too much time tossing and turning over this issue, take a look at some of our tips for presenting color cleanly on the Web.
All You Need To Know About Web Safe Colors - Color for web graphics can get pretty confusing. While there might only be two basic file formats, GIF and JPEG used for web graphics, there are several color systems that apply to GIF images. In this article we'll look at Web Safe or Browser Safe Palettes.
Change Your Colors - If your site communicates something of value to your visitors, then you have succeeded.
Characteristics of Web Graphics - The parameters that influence the display of Web graphics are the user's display monitor and bandwidth capacity. A good segment of the Web audience accesses the Internet via modem, and many view Web pages on monitors that display only 256 colors. This reality imposes limits on the size of files and number of colors that can be included in Web graphics.
Choosing a Color Scheme - When you begin the design of your Web site, one of the first things you need to do is decide on a color scheme.
Colorizing the Web - Color Can Add Vitality and Life to a Dull Web Page
Color Considerations in Web Design - How you choose colors for your web site will have a significant effect
Color, the Chameleon of the Web - Color, the Chameleon of the Web
Color for Web Developers - Use of color on a web site has a significant emotional, psychological effect on site visitors. You may profit by learning a bit more about it. Here are a few sites with a variety of useful information
Color Tips for the Web - Color Shorthand, Finding Color Triads, Browser Safe Colors
Designing with HTML Color Codes - Learn how to write HTML color codes and convert to hexadecimal from RGB.
How To Use Color On The Web To Get More Clients Than You Can Handle - You only have one opportunity to make a first impression, and your website is often the first contact you have with a potential client.As a representation of you and your business, it’s important to ensure it conveys the right impression.
Graphics and Images on the Web - Balance file size with image quality: smaller the file size, the faster the download time.
Graphics and Palettes - Colour palettes were very important in the early days of the Web when most people used monitors that could only display 256 colours or less.
The Power of Color - Do you find it hard to choose color schemes for your Web designs?
Top Secret Tips for a Perfect Color Scheme - Fortunately, there is a very simple, foolproof way to create a perfectly harmonized and proportionate color palette.
Using Browser-Safe HTML Color Codes - Having a chart of colors is fine, buy why should you use browser-safe colors? Learn what happens when you use non-browser-safe HTML color codes so you can make an educated choice.
Using Web Color - There are two ways to bring color into your Web site—through graphics or through code.
Websafe Colors FAQ - VisiBone's excellent Q&A about web-safe colors.
Web-Safe Color Palette Discussion - Back in September 2000, Hadley Stern and David Lehn of Razorfish wrote an article for WebMonkey provocatively titled "Death of the Web-Safe Color Palette." This has caused more than a few discussions and confusion in the web developer community since.
What Color is Your Website? - If the browser of your visitor cannot show an exact color from your website, it will choose the closest or mix the nearest two colors. This is called dithering. The result can be something you did not want or expect.
RECENT ARTICLES from Graphic Design BloG
Business Cards: Ideas and Inspiration, Part II
Today we continue looking at business cards that stand out, and here’s hoping you get some inspiration and ideas! After all, you only get one first impression, so your business card should be something that showcases the best of your design abilities. On Wednesday we looked at the use of interesting shapes, 3D business cards, [...]
![]() |
![]() |
|
![]() |
![]() |
|
Business Cards: Ideas and Inspiration, Part I
As a graphic designer, your business card should do more than let people know how to contact you. If you’re interested in truly making a good first impression, the business card has got to stand out. Whether through color, design, die cutting, unique materials, 3D shapes, or actual samples of your work, a stand-out business [...]
Collaborating and Negotiating: Part II
Today, we’re looking at the collaboration side of negotiation and collaboration in graphic design. Because your work is ultimately for the client, at times you as the designer must be willing to compromise to reach a mutually agreeable goal. Here are some tips to help you collaborate with clients.
Ways to Collaborate
Listen. On page 28 [...]
Collaborating and Negotiating: Part I
It’s there in the design brief: the problem your client wants you to solve. But whether your objective is to create an advertisement, exhibition or public announcement, sometimes you and the client aren’t quite on the same page about what exactly the best design solution is. OC Photographer asked a great question about the collaborating [...]
When Things Go Bad: 5 Tips for Firing Clients
Most graphic designers will be in a similar situation at some point: the client will not pay, the client is never satisfied with your work yet won’t collaborate to fix it, or you simply realize that you and the client are not meshing. Regardless of when and why you need to fire a client, everyone [...]
Tips for Working with Clients: Approaching the Relationship
Whether you’re looking for design classes, design degree programs, internships or first jobs, it’s important to choose an option that will help you learn clear communication, especially when it comes to designer/client relationships. Knowing how to work with clients should always be part of a successful graphic design education. The following tips can help you [...]
Working for Good: Pro Bono Design, Part II
If you’re interested in doing pro bono graphic design work, it’s important to educate yourself about smart ways to do it. Once you’ve got some guidelines, you can approach your pro bono work with creativity; unless your client specifically requests it, you don’t need to limit yourself to a brochure. Consider these ideas for pro [...]
All Graphic Design Resources is a Directory Full of Tools for Graphic Designers
All Graphic Design Portal is a Graphic Design education directory with resources & articles for Graphic Designers & Web Designers including a Design forum, blog, graphics software tips, graphic design jobs, advice for new designers about design schools and education as well as tips for freelance graphic design business owners, and much more.