Customize the color scales of Windy layers
Do you know that you can customize Windy colors for almost any layer? What is the point of doing it? You may prefer your own color palette, but also, by this way, you can deal with some specific requirement.
For example, it may be helpful to visualize a particular level of temperature from which you consider that it may hurt people and your environment. By using a particular color you will be alerted just by looking at the map.
If you are fan of boating, you may use a color like red - the usual sign of danger - when the wind reaches a certain force. And as everyone does not have the same threshold of danger for outdoor activities, it is better to set the threshold by yourself. In the example below the red color was used from 28 knots of wind, i.e. 7 Beaufort which is an usual warning level for a coastal cruiser boat.
Details are shown here.
But there are other reasons, such as the case of a Windy user who is green blind. It was better for him to replace this color with another one.
How to change a layer color scale?
This change can only be made via the website windy.com, not in the phone app, and you need to be logged in. But when the change has been made on desktop, it will automatically be applied also on the phone or tablet application.
Go to Settings and choose Customize Color Scale. Select the layer you want to edit.
You may want to customize the Waves layer. If you are fond of paddling on the seashore or if you are a transoceanic sailor, you will not consider the same scale for waves height.
Selecting the Waves layer you get this table:
In the first column, you can change the steps of the scale and/or, in the second column, the colors.
You know that colors on your screen is a mix of 3 base colors: Red, Green, Blue, which are specified by the RGB code with 3 numbers as you see in the second column like rgb (192,51,95)
How to modify the RGB code
When you click on a color line you open a small window which allow you to change the hue (1) and the density/brightness (2).
You can use some RGB palette like this one:
The first tool, RGB color picker, is similar to the Windy tool here above. The second one, RGB color codes charts, is easier to use. Click on a color, note the 3 figures for RGB and type them in the Windy table.
When you are satisfied with your colors, click on Save. At any time you can switch back to the Windy default settings by clicking Load defaults
And for example you can get this type of colors scale for waves:
If you want to obtain directly this color scale just look at this thread in Windy community:
Miguelito67 last edited by
@idefix37 It's a very nice feature, but why can't we change de "Precipitation Type" layer?
This layer is different from all the others because the colors do not correspond to a continuous numerical variable.
For example, in the case of Wind, the numerical variable is the wind speed (0, 1, 3, 5, 7, 9.... m/s), which can be modified and to which a color corresponds, which can also be modified, with an automatic blending of colors between each line.
On the other hand, in the case of the Precipitation type layer, it is Rain, Snow, Wet Snow... (no continuous numerical variable) and there cannot be a mixture of colors between the lines, otherwise it would not be possible to identify the type of precipitation.
The program and code are probably different. The interface cannot be the same. Windy developers could give a more precise explanation.
In fact, why do you want to change the colors of this layer?
BTW have you already customized other layers?
Miguelito67 last edited by Miguelito67
Yes I have customized other layers in the past. In Canada we usually use green as rain and blue as snow, so this is why I was interested in customizing this layer. Thanks for your answer.
In case you are interested, we have these colours in Canada:
GREEN = rain
BLUE = snow
YELLOW = rain-snow
RED = freezing rain
MAUVE (PINK-PURPLE) = ice pellets
I see. Developers could take into account these colors in future, may be.
yudha kampan last edited by
Wow cool will have to check out!
Why can't the colours in the widgets?
I would love it for the many widgets on my own site!
Can you add this please, that would be awesome!
It looks me not difficult.
Thank you in advance, ;)
The settings don't save alsoo...
I changed my colours of 40 MPH or higher to help find tropical storms, and know when a High Wind Warning may need to be issued. Red is hurricane, and pink is Major Hurricane for me as well, with a major contrast so I can find them well.
I love this layers: