Qlik Community

QlikView Documents

QlikView documentation and resources.

Announcements
Document boards are being consolidated, this board no longer allows NEW documents READ MORE

Colour scheme generator

cancel
Showing results for 
Search instead for 
Did you mean: 
simondachstr
Luminary Alumni
Luminary Alumni

Colour scheme generator

Attachments

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.

Comments
simondachstr
Luminary Alumni
Luminary Alumni

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

0 Likes
Clever_Anjos
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
simondachstr
Luminary Alumni
Luminary Alumni

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
simondachstr
Luminary Alumni
Luminary Alumni

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

0 Likes
mithilesh17
Partner
Partner

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

Thanks!

0 Likes
carbal1952
Creator II
Creator 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
Last update:
‎2013-09-20 01:01 PM
Updated by: