CartoCSS & change colours on road-colors.yaml The 2019 Stack Overflow Developer Survey Results Are In Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)CartoCSS: Don't show border between adjacent polygonsCustom style a particular road using CartoCSS/TileMill/OSMCartoCSS : Style a road using a road_label ruleWhat do cartocss attachments along filters mean?Flow direction CartoCSSCartoCSS Expression for shield-nameUsing CartoCSS to have polygon change shape or symbol upon different zoom levels?Can I have two variables in CartoCSS?CartoCSS to MapboxGLPost-processing CartoCSS layer by custom graphic algorithm
How do you keep chess fun when your opponent constantly beats you?
Problems with Ubuntu mount /tmp
How do I add random spotting to the same face in cycles?
How are presidential pardons supposed to be used?
What is special about square numbers here?
Relations between two reciprocal partial derivatives?
How long does the line of fire that you can create as an action using the Investiture of Flame spell last?
Can withdrawing asylum be illegal?
The following signatures were invalid: EXPKEYSIG 1397BC53640DB551
How can I define good in a religion that claims no moral authority?
ELI5: Why do they say that Israel would have been the fourth country to land a spacecraft on the Moon and why do they call it low cost?
How to copy the contents of all files with a certain name into a new file?
Didn't get enough time to take a Coding Test - what to do now?
Why can't wing-mounted spoilers be used to steepen approaches?
Keeping a retro style to sci-fi spaceships?
Finding the path in a graph from A to B then back to A with a minimum of shared edges
I could not break this equation. Please help me
Is every episode of "Where are my Pants?" identical?
Is it ok to offer lower paid work as a trial period before negotiating for a full-time job?
Did the new image of black hole confirm the general theory of relativity?
Why can't devices on different VLANs, but on the same subnet, communicate?
Is there a writing software that you can sort scenes like slides in PowerPoint?
What aspect of planet Earth must be changed to prevent the industrial revolution?
Why is the object placed in the middle of the sentence here?
CartoCSS & change colours on road-colors.yaml
The 2019 Stack Overflow Developer Survey Results Are In
Announcing the arrival of Valued Associate #679: Cesar Manara
Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)CartoCSS: Don't show border between adjacent polygonsCustom style a particular road using CartoCSS/TileMill/OSMCartoCSS : Style a road using a road_label ruleWhat do cartocss attachments along filters mean?Flow direction CartoCSSCartoCSS Expression for shield-nameUsing CartoCSS to have polygon change shape or symbol upon different zoom levels?Can I have two variables in CartoCSS?CartoCSS to MapboxGLPost-processing CartoCSS layer by custom graphic algorithm
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I am looking at just having one shading of colours for OSM roads like red. When I update the hue values to something like 10-45. I try the generate the generate_road_colours.mss file. But this usually fails with the one of the values being outside the sRGB.
I have tried changing the lightness and chroma, but I am having no joy, can anyone help?
This is the input for scripts/generate_road_colours.py
# All road classes colours will be generated for, in order of importance
# (biggest first).
roads:
- motorway
- trunk
- primary
- secondary
# The starting and ending hue. The range goes from 0 to 360, with 0 and 360
# representing red.
hue: [10, 40]
# The lightness and chroma (also known as saturation) for each type of colour.
# Lightness ranges from 0 to 100; dark to bright.
# Chroma ranges from 0 to 100 too; unsaturated to fully saturated.
classes:
# Colours for output into the MSS file
mss:
fill:
lightness: [80, 97]
chroma: [35, 29]
casing:
lightness: [50, 50]
chroma: [70, 55]
low-zoom:
lightness: [62, 92]
chroma: [50, 40]
low-zoom-casing:
lightness: [50, 70]
chroma: [50, 65]
shield:
lightness: [20, 25]
chroma: [40, 42]
# Colours used by the road shields script
shield:
fill:
lightness: [85, 95]
chroma: [12, 14]
stroke_fill:
lightness: [70, 80]
chroma: [22, 24]
openstreetmap color cartocss
add a comment |
I am looking at just having one shading of colours for OSM roads like red. When I update the hue values to something like 10-45. I try the generate the generate_road_colours.mss file. But this usually fails with the one of the values being outside the sRGB.
I have tried changing the lightness and chroma, but I am having no joy, can anyone help?
This is the input for scripts/generate_road_colours.py
# All road classes colours will be generated for, in order of importance
# (biggest first).
roads:
- motorway
- trunk
- primary
- secondary
# The starting and ending hue. The range goes from 0 to 360, with 0 and 360
# representing red.
hue: [10, 40]
# The lightness and chroma (also known as saturation) for each type of colour.
# Lightness ranges from 0 to 100; dark to bright.
# Chroma ranges from 0 to 100 too; unsaturated to fully saturated.
classes:
# Colours for output into the MSS file
mss:
fill:
lightness: [80, 97]
chroma: [35, 29]
casing:
lightness: [50, 50]
chroma: [70, 55]
low-zoom:
lightness: [62, 92]
chroma: [50, 40]
low-zoom-casing:
lightness: [50, 70]
chroma: [50, 65]
shield:
lightness: [20, 25]
chroma: [40, 42]
# Colours used by the road shields script
shield:
fill:
lightness: [85, 95]
chroma: [12, 14]
stroke_fill:
lightness: [70, 80]
chroma: [22, 24]
openstreetmap color cartocss
add a comment |
I am looking at just having one shading of colours for OSM roads like red. When I update the hue values to something like 10-45. I try the generate the generate_road_colours.mss file. But this usually fails with the one of the values being outside the sRGB.
I have tried changing the lightness and chroma, but I am having no joy, can anyone help?
This is the input for scripts/generate_road_colours.py
# All road classes colours will be generated for, in order of importance
# (biggest first).
roads:
- motorway
- trunk
- primary
- secondary
# The starting and ending hue. The range goes from 0 to 360, with 0 and 360
# representing red.
hue: [10, 40]
# The lightness and chroma (also known as saturation) for each type of colour.
# Lightness ranges from 0 to 100; dark to bright.
# Chroma ranges from 0 to 100 too; unsaturated to fully saturated.
classes:
# Colours for output into the MSS file
mss:
fill:
lightness: [80, 97]
chroma: [35, 29]
casing:
lightness: [50, 50]
chroma: [70, 55]
low-zoom:
lightness: [62, 92]
chroma: [50, 40]
low-zoom-casing:
lightness: [50, 70]
chroma: [50, 65]
shield:
lightness: [20, 25]
chroma: [40, 42]
# Colours used by the road shields script
shield:
fill:
lightness: [85, 95]
chroma: [12, 14]
stroke_fill:
lightness: [70, 80]
chroma: [22, 24]
openstreetmap color cartocss
I am looking at just having one shading of colours for OSM roads like red. When I update the hue values to something like 10-45. I try the generate the generate_road_colours.mss file. But this usually fails with the one of the values being outside the sRGB.
I have tried changing the lightness and chroma, but I am having no joy, can anyone help?
This is the input for scripts/generate_road_colours.py
# All road classes colours will be generated for, in order of importance
# (biggest first).
roads:
- motorway
- trunk
- primary
- secondary
# The starting and ending hue. The range goes from 0 to 360, with 0 and 360
# representing red.
hue: [10, 40]
# The lightness and chroma (also known as saturation) for each type of colour.
# Lightness ranges from 0 to 100; dark to bright.
# Chroma ranges from 0 to 100 too; unsaturated to fully saturated.
classes:
# Colours for output into the MSS file
mss:
fill:
lightness: [80, 97]
chroma: [35, 29]
casing:
lightness: [50, 50]
chroma: [70, 55]
low-zoom:
lightness: [62, 92]
chroma: [50, 40]
low-zoom-casing:
lightness: [50, 70]
chroma: [50, 65]
shield:
lightness: [20, 25]
chroma: [40, 42]
# Colours used by the road shields script
shield:
fill:
lightness: [85, 95]
chroma: [12, 14]
stroke_fill:
lightness: [70, 80]
chroma: [22, 24]
openstreetmap color cartocss
openstreetmap color cartocss
edited Jan 9 '18 at 17:49
nmtoken
8,12542866
8,12542866
asked Jan 9 '18 at 14:46
JonJon
113
113
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
The issue is the lightness is making the red become out of the RGB range, in the fill values.
hue: [0, 45]
classes:
mss:
fill:
lightness: [62, 75]
chroma: [35, 29]
casing:
lightness: [50, 50]
chroma: [70, 55]
low-zoom:
lightness: [57, 70]
chroma: [55, 45]
low-zoom-casing:
lightness: [50, 70]
chroma: [50, 65]
shield:
lightness: [20, 25]
chroma: [40, 42]
shield:
fill:
lightness: [74, 85]
chroma: [22, 24]
stroke_fill:
lightness: [60, 70]
chroma: [27, 30]
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "79"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f267401%2fcartocss-change-colours-on-road-colors-yaml%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The issue is the lightness is making the red become out of the RGB range, in the fill values.
hue: [0, 45]
classes:
mss:
fill:
lightness: [62, 75]
chroma: [35, 29]
casing:
lightness: [50, 50]
chroma: [70, 55]
low-zoom:
lightness: [57, 70]
chroma: [55, 45]
low-zoom-casing:
lightness: [50, 70]
chroma: [50, 65]
shield:
lightness: [20, 25]
chroma: [40, 42]
shield:
fill:
lightness: [74, 85]
chroma: [22, 24]
stroke_fill:
lightness: [60, 70]
chroma: [27, 30]
add a comment |
The issue is the lightness is making the red become out of the RGB range, in the fill values.
hue: [0, 45]
classes:
mss:
fill:
lightness: [62, 75]
chroma: [35, 29]
casing:
lightness: [50, 50]
chroma: [70, 55]
low-zoom:
lightness: [57, 70]
chroma: [55, 45]
low-zoom-casing:
lightness: [50, 70]
chroma: [50, 65]
shield:
lightness: [20, 25]
chroma: [40, 42]
shield:
fill:
lightness: [74, 85]
chroma: [22, 24]
stroke_fill:
lightness: [60, 70]
chroma: [27, 30]
add a comment |
The issue is the lightness is making the red become out of the RGB range, in the fill values.
hue: [0, 45]
classes:
mss:
fill:
lightness: [62, 75]
chroma: [35, 29]
casing:
lightness: [50, 50]
chroma: [70, 55]
low-zoom:
lightness: [57, 70]
chroma: [55, 45]
low-zoom-casing:
lightness: [50, 70]
chroma: [50, 65]
shield:
lightness: [20, 25]
chroma: [40, 42]
shield:
fill:
lightness: [74, 85]
chroma: [22, 24]
stroke_fill:
lightness: [60, 70]
chroma: [27, 30]
The issue is the lightness is making the red become out of the RGB range, in the fill values.
hue: [0, 45]
classes:
mss:
fill:
lightness: [62, 75]
chroma: [35, 29]
casing:
lightness: [50, 50]
chroma: [70, 55]
low-zoom:
lightness: [57, 70]
chroma: [55, 45]
low-zoom-casing:
lightness: [50, 70]
chroma: [50, 65]
shield:
lightness: [20, 25]
chroma: [40, 42]
shield:
fill:
lightness: [74, 85]
chroma: [22, 24]
stroke_fill:
lightness: [60, 70]
chroma: [27, 30]
answered Jan 12 '18 at 8:49
Jon McCloskeyJon McCloskey
141
141
add a comment |
add a comment |
Thanks for contributing an answer to Geographic Information Systems Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f267401%2fcartocss-change-colours-on-road-colors-yaml%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown