What color combination makes pity

"What influence do colors have in online marketing?"

News subscription tips: You will receive the as a thank you PDF reports "Everything you need to know about linking" and "How I can help you find tools that will make your website more effective" free!

"Online Marketing Contribution: Colors"

Information as of March 6, 2021

Colors arouse different associations.
Depending on the country and culture, the colors are assigned a different meaning. Anyone who has to do with colors needs suitable online tools from time to time.


Source: Oberholster Venita on Pixabay

DISPLAY

"Table of contents: colors"

"Important terms"

Yellow, red and blue are those Primary colors.

When you mix the primary colors together, the Secondary colors.

When you mix a primary color with a secondary color, arise Tertiary colors.

The CMYK color model stands for cyan, magenta, yellow and key.

The RGB color model was developed for digital displays. RGB stands for the colors red, green and blue.

"The colors in detail"

In our culture the following values ​​can be assigned to the colors:

  • blue
    serious, spiritual, calming, rational, stable, divine, harmonious, calm, but also cold, excessively virtuous, factual, annoying, obscure. Relaxation, trust, calm and loyalty
  • red
    driving, strong, passionate, heating, impulsive, stimulating, active, warm, dynamic, but also strong, warning and aggressive.
  • orange
    happy, active, enjoyable, uplifting, youthful, health-promoting, vital, joyful, warm, energetic, sociable, but also cheap, intrusive and loud. Optimism, trust, but also excessive demands and physical suffering.
  • violet
    dignified, liberating, magical, creative, feminine, imaginative, selfless, sensitive, intuitive, extraordinary, but also spirituality, vanity, loneliness, arrogant, immature.
  • Bordeaux
    positive, self-confident, strong, determined, exciting, optimistic, but also dominating, aggressive, domineering, threatening.
  • pink
    approachable, gentle, approachable, not at all threatening, but also pitiful, overly cautious.
  • green
    Balancing, harmonious, fresh, closeness to nature, new beginning, hope, trust, freshness, relaxation and calm, but also inexperience and envy.
  • yellow
    Ease, bright, cheerful, warm, strengthening, cheering, optimistic, autumn, comfort, wisdom, maturity, but also cowardice, illness, egoism, betrayal and envy.
  • Gray
    serious, neutral, balanced, discreet, reserved, but also misery, desolation, non-binding, indefinite.
  • White
    serious, pure, clear, fresh, futuristic, peaceful, sincere, free, neutral, festive, but also sober, cold. Innocence and truth
  • black
    solemn, refined, idiosyncratic, sensual, straightforward, mysterious, individual, strong, dramatic, neutral, serious, but also gloomy, reserved, strict, hard, sadness, strength and death.
  • brown
    Adjustment, serenity, experience and comfort, but also the heaviness.

"How to choose colors based on a photo!"

  • Extract colors
    This tool extracts a color palette from a photo. HEX codes are written right away. JPG, PNG and GIF files are allowed as formats. The tool also creates an ASE file for Photoshop and a CSS file with the colors.
    bighugelabs.com/colors.php
  • Generate color scheme
    A scheme of a photo can be created here, which must already be on the Internet.
    degraeve.com/color- Palette/

"Are there any useful online tools for choosing colors?"

  • Colorsystem
    There is a lot of useful color hints on this site. For example color systems in art and science, colors and cultures as well as the virtually accessible color space.
    colorsystem.com
  • Design guide
    You can find further useful information at designguide.at. Priorities:
    ➤ Colors introduction
    ➤ Light / body colors
    ➤ Color systems
    ➤ Color measurement
    designguide.at/color.html
  • Color pulses
    Farbimpulse, the online magazine for colors in science and practice, has dedicated itself entirely to the topic of colors.
    farbimpulse.de
  • Web color trainer
    Learn how to determine web colors and how the individual web color systems relate to each other.
    webfarbentrainer.de
  • HEX 2 RGBA Color Calculator (E)
    Here you get a very practical tool for converting the color codes.
    hex2rgba.devoth.com
  • Hixle (E)
    This server offers tons of color and design inspiration.
    hixle.co
  • More tools
    all about colors and fonts.

Color gradient => gradient

  • Gradient generator
    To create a color gradient, you can either set the desired colors with the sliders, select them with a mouse click or enter them directly as a hex value.
    migano.de/gradientmaker.php
  • Two-tone
    You may want to use the same color tone for all of the images on your website. This online tool is suitable for this.
    duotone.shapefactory.co
  • Ultimate CSS Gradient Generator (E)
    Create your own color gradients with the sophisticated CSS generator. You will receive the CSS code for your website.
    colorzilla.com/gradient-editor/
  • CSS Gradient (E)
    CSS Gradient is a small website and free tool that you can use to create a gradient background for websites. In addition to the fact that it is a CSS gradient generator, the website is also packed full of colorful content, from gradients from technical articles to real gradient examples like Stripe and Instagram.
    cssgradient.io

"More tips"

  • Less is more
    Don't use too many colors; work with color palettes. The use of too many colors makes a design restless and confusing.
  • contrast
    Make sure there is good contrast between the text and the background. If you want to sell something, the clear legibility of the text is the first priority.

"The video"

Author: Walter B. Walser, kundennutzen.ch

Walter B. Walser is online marketing manager and editor. He used to help entrepreneurs get 100% more out of their website. He has advised SMEs on their website and specialized in website maintenance, website optimization and online marketing with online tools.
"You are welcome to contact him!"

Walser organization
https://kundennutzen.ch/





DISPLAY









DISPLAY