Qlik Community

QlikView Documents

Documents for QlikView related information.

Colour scheme generator

Luminary
Luminary

Colour scheme generator

Choosing the right colours for your app is a challenging task. Many sciences exist on how to pick the right colour for your charts. One has to take into consideration the psychology of the user, his culture, the companies' colours, possible colour blindness and finally the personal taste of the customer.

Creating or editing the colour scheme in QV is detail work which can take up a lot of time. Sometimes, though, it's necessary to be able to customize your App quickly, e.g. when presenting a Demo in the customers' colours or when trying out different designs.

This was my motivation to create a small colour scheme generator in QV originally inspired by the Fibonacci sequence. It automatically generates 12 colours in QlikView based on one colour theme and via 'Advanced Colour Map' you can quickly apply the scheme to your application.

Color_scheme_generator_2.png

In order to apply the scheme to your application follow these steps:

1. Choose your main colour theme by either manually entering it OR by using the sliders. The background of the textbox represents your main colour.

2. Right click on the Pie Chart -> Properties -> Colors -> Advanced.. -> and click Update on 'User Default'

3. Go to your QV application and first create following variables:

  • vColR
  • vColG
  • vColB

4. Enter the RGB values of your main colour theme in each variable respectively.


5. Go to your Chart -> Properties -> Colors -> Advanced.. -> and click Retrieve on 'User Default'

Optional: If you're unhappy with one of the colours generated, feel free to tweak them in the properties!

Constraints:

- When the theme colour is too dark (RGB values <40 e.g. (20,30,20)), the generated scheme gets too dark.

- When ONE RGB value is much greater than the others e.g. (10,255,10), the colours in the scheme sometimes become undistinguishable.

Feedback is welcome. Enjoy!

Update:

The qvw file is online again.

Attachments
Comments
Luminary
Luminary

The qvw file will follow up on Monday - sorry for the delay.

0 Likes
Employee
Employee

Very useful, thank you Martin Mahler.

Very interesting use, but I didn´t understand you call it Fibonacci method, and aren´t using Fibonacci numbers

=RGB(vColR+1,vColG+26,vColB-12) // 26 and 12 are not Fibonacci numbers

Usually I use this website (ColorSchemer Gallery | Website-ready color schemes for ColorSchemer) just copying the RGB´s

0 Likes
Luminary
Luminary

Thank you for your feedback.

You are right, I am not using Fibonacci numbers in this particular example - I started off with them originally and edited the numbers along the way in order to narrow down the color spectrum. That is why I stated I was inspired.by this method.

0 Likes
Not applicable

I think I kind of get the use case for your app but maybe you can clarify for me.  If I go into your app and on the Colors tab retrieve the User Default colors, this will then copy the color scheme formulas over to any new QVW files I create?  Was this your intention when building this?

0 Likes
Luminary
Luminary

Yes - I use it when creating new applications and I transfer the colour schema in the way you described it

0 Likes
Partner
Partner

awesome.. it'l save considerable amount of time when there's a need

Thanks!

0 Likes
carbal1952
Contributor II

Thanks Martin:

You saved my life.

I use only Black & White on my dashboards.

Now my world is colorful 'cause of you..

CB.

0 Likes
Version history
Revision #:
1 of 1
Last update:
‎2013-09-20 01:01 PM
Updated by: