When it comes to mixing up a rainbow of colors for your WordPress blog or website, one of my personal favorites is Color Schemer. You can pick a color and it will show colors related and in the color theme for that color, darken or lighten it, or mix up some other features to find the color and its complimentary color companions with just a couple clicks.
Want to understand more about colors? Check out the Color Museum by Color System. It is a historical and cultural exploration through the use of color around the world. You can also go back to your childhood with Crayola. If you really want to see what the web can do, and have fun with color, check out Colors in Motion, an animated and interactive experience of color communication and color symbolism.
UPDATED
Color Reference Lists
- Wikipedia – X11 Color Names, Hexadecimal and RGB
- Wikipedia – List of Colors
- Page Tutor – Expanded Color Chart – 1536 colors plus several grays
- Trollops Named Colors Panel
- W3 Schools – Color Names
Color Schemes
- Online Color Scheme Generator
- Wellstyled.com’s Color Scheme Generator 2
- Web Developers Notes – Color Combinations
- Color Match – gets six matching web colors (MSIE only)
- Infohound Color Schemer
- Color Toy
- Slayer Office – Color Palette
- 4096 Color Wheel
- Chromoweb Wheel
- Site Pro – Colour Scheme Chooser
- Interactive Learning Unit – Color Calculator
- Triple Code – Munsell – Color Themes
- Net Cocktail – Color Schemes
- Web Developers Notes – Color Combination Schemes
- Color Combinations
Color Charts
- Netcocktail – Web Safe Color sheet
- Color Charts
- Color Charts by HTML Color Codes
- Bob Stein’s Visibone Color Charts
- December’s Color Shades
- December’s Color Shades and Codes
- 100 Random Colors by Raquedan – Refresh to get 100 more random colors
- Somacon – CSS Color Chart
- Jessey – CSS colors
- Extended Color Names in CSS
Color Pickers
- Color Toy – Flash Palette Generator
- Free Application for Mac and Windows users for color picking and changing colors
- Firefox Extensions – Colorzilla
- Iconico ColorPic – Great, simple and free
- Serve.com – Color Picker and Blender
- Serve.com – Color Palette Test
- Markup NZ – Back To Font Web Color Picker
- Color Whore
- Eye Dropper Color Mixer
Color Tools
- Redalt’s Color Tools – Enter a URL and reports colors used
- Chromograf
- Color conversion (RGB/CMYK/HSV)
- Site Pro Central – HTML Color Code Generator
- Color Blender
- Manually Add Colors to Change the Layout
- Degraeve – Color Palette from Photography or Image
- JRM – Color Palette Generator from Photograph or Image
- Meyer Web – Color Blend
- Mundi Design – Web Colors
- Color Match
- Easy RGB
- Web Whirlers – Color Wizard
- CSS Colors: Take Control Using PHP
- Color Whore
- color synthAxis
- Limov – Colour Selector Tools
- Kolur – Examining Color Schemes Through Images
- Colr Org – Color Palette from Photograph or Image
Testing and Experimenting with Color and CSS
- An example of CSS Layout on a WordPress Test Site
- Test of System Colors Specified in CSS 2
- Test of Extended Color Names in CSS
- CSS Pointers Group – Color Considerations
- Rich in Style – test pages: color and backgrounds
- RichInStyle – Web-safe Colorizer – Tests Font Colors Against Background Colors
- Browser Gamma-Consistency Test
- Juicy Studio – Colour Contrast Analyser
- Web Whirlers – Spin the Color Wheel
- Unsafe Colormatch Template
- Markup NZ – Color Palettizer – Testing Font Colors Against Backgrounds
- Wannabegirl – Translucent Colored Backgrounds
- Kaliber Specials – Color Patterns
- Squid Fingers – Color Patterns
- An Introduction to Using Patterns in Web Design
Understanding More About Colors
- W3C CSS3 Color Module
- W3C A Standard Default Color Space for the Internet – sRGB
- Color Name Dictionaries
- Universal Color Language, Level 3 Color Names
- Echo Echo – Tutorial on CSS Colors
- RichinStyle Master Class – Color
- Wet Canvas – Color Theory and Mixing
- Worqx – Color Theory
- Color Matters
- Secrets of Web Color Revealed
- DevX – What is Color
- DexX – Using Web Color
- Scalable Vector Graphics (SVG) 1.1 Specification
- DevX – Design With Color
- Web Whirlers – Colors on the Web
- Liquisoft – Color Theory
- Pynter Extra – Color, Contrast, and Dimension in News Design
- Tutorial on CSS and Color
And Even More Color References
BlinkList | Blogmarks | Digg | Del.icio.us | Ekstreme Socializer | Feedmarker | Furl | Google Bookmarks | ma.gnolia | Netvouz | RawSugar | Reddit | Scuttle | Shadows | Simpy | Spurl | Technorati | Unalog | Wink | Yahoo MyWeb2
Site Search Tags: color, colour, links, theory, web, safe, schemes, charts, design
Copyright Lorelle VanFossen, member of the 9Rules Network
4 Comments
Great list of links you have. These will help me immensely. Thanks!
colr.org is an extremely useful color website! Check it out!
Thank You! Good Informations. I’ll come back 🙂
This list is awesome. Surprised to not find 45colors.com on there.
26 Trackbacks/Pingbacks
[…] Designing a Rainbow – Sexy Hot Colors – Lorelle on WordPress has a wonderful roundup of color resources on her blog today. Yummy! […]
[…] Once you determine a primary color you are going to use for your web site there are a variety of online color tools that you can use to develop a color scheme or palette for your web site. Lorelle on WordPress has the best list of color tools that I have found on the web. I really like the color blender; you can use this tool to create a nice palette of six colors. […]
[…] Do you need some resources for picking web/logo colors? Lorelle on WordPress has a terrific roundup of color tools and articles to help you to understand color and select color schemes for web sites. […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Once you determine a primary color you are going to use for your web site there are a variety of online color tools that you can use to develop a color scheme or palette for your web site. Lorelle on WordPress has the best list of color tools that I have found on the web. I really like the color blender; you can use this tool to create a nice palette of six colors. […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Color plays a huge role in choosing a Theme or web design for your blog or website. With the innocence and exuberence of youth, these kids understand well how color expresses emotions. They feel a deep connection with the colors and understand that their blogs will be representative of “their personality”. The colors often reflect their feelings about themselves. […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Among the more technical articles I wrote which continue to ride the top ten most popular articles I’ve written over the past year, “HTML, CSS, PHP and More Cheat Sheets” and “Designing a Rainbow – Sexy Hot Colors” stay consistently in the top five. “Buttons, Bows, and Badges for Your Blog” also gets a lot of traffic, proving that you can’t have enough pretty clutter on your web pages. […]
[…] For more color references, you can visit the post about color on Lorelle on WordPress. […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] like sex, porn, terrorism, and even words like censor and censorship. A title like my blog post, Designing a Rainbow – Sexy Hot Colors, has been reported banned from access occasionally, though generally my site is banned because it […]
[…] (.img.framed) makes the lighter colored border (you can make it any color you want, just use the hexadecimal color code), and the bottom one (img.bframed) adds the black one (I put the “b” in front on the […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] href="https://lorelle.wordpress.com/…</a></li> <li><a href="https://lorelle.wordpress.com/2005/11/21/designing-a-rainbow-sexy-hot-colors/" title="Designing a Rainbow – Sexy Hot Colors">Designing a Rainbow – Sexy Hot […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] You can find more color resources in Designing a Rainbow – Sexy Hot Colors. […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Designing a Rainbow – Sexy Hot Colors […]
[…] Designing a Rainbow – Sexy Hot Colors […]