19
AtiLion
6y

A question for all the front-end developers of devRant. How the fuck do you get a really good color scheme for a website?

P. S. I am not a front-end dev so please simple words

Comments
  • 9
    Color palettes

    Flatui or paletton

    Also instant eyedropper allows you to pick any color on your screen
  • 8
  • 3
    that depends on the branding.
    what should the website represent?
    then you choose the colors who support that messeage.
  • 1
    @devTea It mostly comes down to picking colors which look both nice and play well with each other
  • 1
    @saintograph Thank you very useful
  • 1
    @heyheni There is no specific branding color and no base to go by so it doesn't really help me all that much
  • 3
    @AtiLion find some good color palettes on the internet, it helps consistency and color combination
  • 1
    @devTea I tried that already but they just don't feel right. So I was hoping to figure out a way to make my own but whenever I try it just ends up looking ugly
  • 2
    @norman70688 It's mostly a free time project with no funding and I hate those "for exposure" people so I decided to learn and do everything myself
  • 2
    go and steal some from www.awwwards.com
  • 3
    This one is also nice: https://sessions.edu/color-calculat... lets you choose colours and which harmony to use.

    This here might be useful for basic orientation, including the follow-up parts of the series: https://smashingmagazine.com/2010/...
  • 1
    @norman70688 Sadly gonna have to go with the cheap option I mean I got so far just the colors and fonts are blocking me down
  • 2
    But be aware of the fact that each color has its own message.
    Red (in most cases) stands for "Warning!", "Attention!", etc.
    Wherever light blue for example is to give a calm Effect.
  • 2
    Yeah colors deliver their own message! 🙃
    https://en.99designs.fr/blog/tips/...
    Try https://www.colorcombos.com/ you'll can also test other websites combos
  • 2
    @AtiLion What general topic is your project about? That makes it easier for basic ideas. Tech and finance for example often go well with blue, nature things with green/brown.

    Be also aware of historic connotations; red-white-black for example is a powerful combination, but, at least in Europe, often associated with the Nazis.

    With the font, use something legible, and at least for body text on screen, preferebly sans serif. But not Arial because that's quite hard to read. Verdana or Bitstream Vera Sans and good starting choices for readable text. And ideally use a font family so that there is always some font on the user's PC. Exotic Webfonts from fonts.google.com are not only a privacy risk, but unfamiliar fonts are also harder to read.

    Also, make sure that your colours stay readable: https://snook.ca/technical/...

    @-ANGRY-CLIENT- red can also stand for passion, or for erotic.
  • 2
    @Fast-Nop It is more focused to communication and messaging, I am trying to go with a bit darker theme but at the same time not like black darker
  • 1
    Since no one has mentioned this yet.

    colorlovers.com
Add Comment