Customize the color scales of Windy layers
-
UPDATED June 2024
Did 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?
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 an oceanic sailor, you will not consider the same scale for waves height.
In Customize color scale, for Waves you get this table:
In the first column, you can change the steps of the scale and/or, in the second column, the colors.
How to modify the colors
When you click on a color line you open a small window which allow you to change the hue (1), the density/brightness (2) and the transparency (3).
.When you are satisfied with your colors, click on Save created color. 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.
Non-smoothed color scale
An unsmoothed color scale can be based on this scheme :
Note this scheme is purely theoretical, the steps do not need to be regularly staggered with constant and regular gaps.
For example a non-smoothed color scale is used in the Icing layer
-
@idefix37 It's a very nice feature, but why can't we change de "Precipitation Type" layer?
-
@Miguelito67
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? -
@idefix37
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 -
@Miguelito67
I see. Developers could take into account these colors in future, may be. -
@idefix37 yes
-
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...Tieske
-
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:
. -
@Tieske said in Customize the color scales of Windy layers:
Why can't the colours in the widgets?
I would love it for the many widgets on my own website!
Can you add this please, that would be awesome!
It looks me not difficult.
Thank you in advance, ;)
The settings don't save alsoo...Tieske
I agree with you! These widgets are really great..
-
I've customize this color scale based on wind force and hurricane scales. Red is used for tropical storm/gale force winds, as the winds are dangerous enough to produce certain damages. Light white/purple indicates hurricane force winds (Category 1), and grey is used for major hurricane (Category 3). Dark blue indicates winds for jet stream and other extremely rare winds. -
There are ligth thunder and thunderstorms color in color scale for type of precipitation. Why are they not used?
-
@Damir120505 Hello, what do you mean exactly? You can customise colors for each layer.
-
@Damir120505 said in Customize the color scales of Windy layers:
Why are they not used?
There are used. If no lightning is forecast by the model, Windy cannot show colors !
-
-
@Damir120505
OK that’s clearer with a screenshot. There is no obvious reason to have these lines and colors in the Precipitation type color scale.
Developers should have a look at it. -
@Damir120505 @idefix37 Hi, this does not look as screenshot from Windy.com. What browser do you use?
Korina
-
@Korina
It is a screenshot from Windy. Same as you I was on the point to give the same reply. -
@idefix37 Yes, but the UI is different.
