Anyone with knowledge of web/graphic design know what these colour code formats are?

[Surebrec]

I emailed the Met Office asking if they could provide the colour codes for the swatches they use on their forecast pages:

Here's a snippet of the code they provided:


"values": [
{
"color": "0.098, 0.000, 0.098, 1.000",

"value": -60
},


{
"color": "0.196, 0.000, 0.196, 1.000",

"value": -50
},


They stated that these were the RGB values, but this doesn't look like any RGB format I'm familiar with. I thought they might be CMYK, but trying to convert these numbers into CMYK just results in black.

Anyone with knowledge in this area have any ideas?

 

[Koeman2021]

RGBA maybe?

 

[Surebrec]

Nope.

RGBA is the same as RGB with an alpha channel input.

I've never seen this format before.

 

[spudtator]

This may be of help. Also not familiar with the format.

Second Life Forums Archive - RGB Guide

forums-archive.secondlife.com

 

[nheather]

Don’t really know that much about colour formats but whenever I want to match a colour that another colleague has used I just copy it from their document or even a screenshot, paste it into paint and then use the eyedropper to see what the RGB values are.

Works for what I want but that may be too simplistic for what you are trying to do.

Cheers,

Nigel

 

[Koeman2021]

It is RGB, FR, FG, FB.

Google it and it will explain.

Theyve just copied and pasted from their css

 

[imightbewrong]

You can also see the colour if you hover over in the debugger - e.g.:

Which is

 

[EndlessWaves]

Just take a screenshot of the image and use a colour picker in an image editing program.

They stated that these were the RGB values, but this doesn't look like any RGB format I'm familiar with. I thought they might be CMYK, but trying to convert these numbers into CMYK just results in black.

Likely just decimal RGBA or HSLA. The examples you've given for -60 and -50 values come out as (25,0,25,100 and 50,0,50,100) as integers - very dark purples in RGBA or greys in HSLA.

I would guess the former is probably correct and those are the colours for extreme low temperatures. Looking at a random image search the Met Office does appear to use blues for lower temperatures.

 

[Surebrec]

It is RGB, FR, FG, FB.

Google it and it will explain.

Theyve just copied and pasted from their css

So what's the best way to accurately convert these values from that format to standard RGB?

You can also see the colour if you hover over in the debugger - e.g.:

View attachment 1359731

Which is

View attachment 1359732

I already thought of this, but the ranges they show on a given day are only covering a difference of a few degrees. The values they sent me go from -60 to +50.

Even just selecting the ranges that are most likely to affect the north west, it's still going to be from -4 to -30.

Just take a screenshot of the image and use a colour picker in an image editing program.



Likely just decimal RGBA or HSLA. The examples you've given for -60 and -50 values come out as (25,0,25,100 and 50,0,50,100) as integers - very dark purples in RGBA or greys in HSLA.

I would guess the former is probably correct and those are the colours for extreme low temperatures. Looking at a random image search the Met Office does appear to use blues for lower temperatures.

I can only do that on each specific day though, I am after getting the whole range so I can use them from the start.

 

[EndlessWaves]

So what's the best way to accurately convert these values from that format to standard RGB?

They'll be 0.0 = 0 and 1.0 = 255 so multiplying by 256 should do it. I'm not sure whether you'd have to round or truncate though.

If you show up the values that correspond to the screenshot that'd make it easier to confirm.

I can only do that on each specific day though, I am after getting the whole range so I can use them from the start.

I'd assume there's probably a pattern, they're unlikely to have chosen each shade individually.

 

[Surebrec]

They'll be 0.0 = 0 and 1.0 = 255 so multiplying by 256 should do it. I'm not sure whether you'd have to round or truncate though.

If you show up the values that correspond to the screenshot that'd make it easier to confirm.



I'd assume there's probably a pattern, they're unlikely to have chosen each shade individually.

That seems to have done the trick, though some colour colour changes aren't consistent.

No big deal, I can tweak them myself.

Thanks.

 

[Koeman2021]

Result!