Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged color

Rss Feed Group items tagged

Vernon Fowler

HTML Color Picker - 2 views

  •  
    "Get darker/lighter shades of any color."
Vernon Fowler

demosthenes.info - Basic Color Theory For Web Designers - 1 views

  •  
    "Basic Color Theory For Web Designers"
Vernon Fowler

25 Examples of Perfect Color Combinations in Web Design » Inspiration » Share... - 7 views

  •  
    25 Examples of Perfect Color Combinations in Web Design: Color is definitely a very important element of web des... http://t.co/QoCB84JI
Vernon Fowler

Ultimate CSS Gradient Generator - 2 views

  •  
    A powerful Photoshop-like CSS gradient editor from ColorZilla.
Cor S.

20 Color Scheme Generators for Web and Graphic Designers - 0 views

  •  
    "Colors can make or break your design by either making your audience want to stick around or look away. Well-chosen color combinations help designs catch attention more while the less planned ones do the opposite.

    ... Good news is, there exists many color scheme generators that will help even the most uninspired to choose what colors to use. We have listed 20 online tools in this post to help you out. Check them individually and see which software will help you in specific design-related tasks."
Soul Book

A Spectrum Of Website Colors by COLOURlovers - 0 views

  •  
    Web design by colour - lots of inspiration
awqi zar

0to255 - 3 views

Soul Book

Color Theory For Designers, Part 2: Understanding Concepts And Terminology - Smashing M... - 0 views

  • Chroma

    Chroma refers to the purity of a color. A hue with high chroma has no black, white or gray in it. Adding white, black or gray reduces its chroma. It’s similar to saturation but not quite the same. Chroma can be thought of as the brightness of a color in comparison to white.

    In design, avoid using hues that have a very similar chroma. Opt instead for hues with chromas that are the same or a few steps away from each other.

  • Saturation

    Saturation refers to how a hue appears under particular lighting conditions. Think of saturation in terms of weak vs. strong or pale vs. pure hues.

    In design, colors with similar saturation levels make for more cohesive-looking designs. As with chroma, colors with similar but not identical saturations can have a jarring effect on visitors.

  • using a hue with a high saturation against a background with low saturation can make the former really stand out.
  • ...10 more annotations...
  • Value

    Value could also be called “lightness.” It refers to how light or dark a color is. Ligher colors have higher values. For example, orange has a higher value than navy blue or dark purple. Black has the lowest value of any hue, and white the highest.

    When applying color values to your designs, favor colors with different values, especially ones with high chroma. High contrast values generally result in more aesthetically pleasing designs.

  • This website combines blue hues with two different values. Because the different values have enough contrast, the overall look is visually appealing.
  • Combining colors with similar muted saturation levels creates a soft design, which is emphasized by the watercolor effects.
  • Colors with very high chroma are best used in moderation
  • Cyan has a high chroma and so really stands out against black and white
  • Tones

    Tones are created when gray is added to a hue. Tones are generally duller or softer-looking than pure hues.

    Tones are sometimes easier to use in designs. Tones with more gray can lend a certain vintage feel to websites. Depending on the hues, they can also add a sophisticated or elegant look.

  • Tones can be intensified by adding gray around them
  • Shades

    A shade is created when black is added to a hue, making it darker. The word is often incorrectly used to describe tint or tone, but shade only applies to hues made darker by the addition of black.

    In design, very dark shades are sometimes used instead of black and can serve as neutrals. Combining shades with tints is best to avoid too dark and heavy a look.

  • Tints

    A tint is formed when white is added to a hue, lightening it. Very light tints are sometimes called pastels, but any pure hue with white added to it is a tint.

    Tints are often used to create feminine or lighter designs. Pastel tints are especially used to make designs more feminine. They also work well in vintage designs and are popular on websites targeted at parents of babies and toddlers.

  • While you don’t necessarily have to remember all of these technical terms, you should be familiar with the actual concepts, especially if you want to master part 3 of this series (in which we create our own color schemes). To that end, here’s a cheat sheet to jog your memory:

    • Hue is color (blue, green, red, etc.).
    • Chroma is the purity of a color (a high chroma has no added black, white or gray).
    • Saturation refers to how strong or weak a color is (high saturation being strong).
    • Value refers to how light or dark a color is (light having a high value).
    • Tones are created by adding gray to a color, making it duller than the original.
    • Shades are created by adding black to a color, making it darker than the original.
    • Tints are created by adding white to a color, making it lighter than the original.
Soul Book

Color Theory for Designers, Part 1: The Meaning of Color - 0 views

  •  
    A great and detailed roundup of different colour uses in web design - most importantly, with lots of examples.
Kashif Mehmood Mughal

Showcase of 50 Exceptional Orange Website Designs | Smashing Buzz - 6 views

  •  
    We are showcasing some of great website designs using Orange color themes, in listing we showing most of web 2.0 design techniques, all designs belong to creative peoples portfolio which we more publicize to others for better design inspirations. If you are designer or company took professional and creative ideas and implement for your brand make more famous in design world because design always call peoples for more attraction of your brands.
Manish Rawat

Top 50 Design with Amazing Water Color Effects - 0 views

  •  
    Something which is generally momentarily is called a "trend".Trends come, get highlighted and as time passes, replaced by the new ones. Similar is the case with Web Designs. Web design trends come and go.
Jochen Burkhard

Color and Css Tools for Web Designers | INDEZINER - 0 views

  •  
    In this article we have selected of few useful tools for web designers hoping to come to your help. The selection includes color tools, css tools and editors. Feel free to add some more in our comment section and enjoy!
1 - 20 of 25 Next ›
Showing 20 items per page