Change Color or Style

To change the color or style of an expression, long-hold the colored icon to the left of the expression. Clicking the icon will hide or show the expression.

 

Clicking the holding the expression icon next to the expression will open the color and style menu.

 

 

For tables, the icon will be in the dependent header column. Different style options are available for expression types:

Have more questions? Submit a request

16 Comments

  • 0
    Avatar
    McKenna Oberheim

    Can I fill the polygons in with color or just the lines?

  • 0
    Avatar
    Brett J. Hayton

    Yes click on shading your graph above.

  • 3
    Avatar
    Physics Monkey

    Hello, I am trying to graph a function like 1/(SQRTx) and want to illustrate that it does not touch x=0, by having desmos place an open circle at x=0.

    I cannot figure out how to do this however. The style menu for my graph only allows me to toggle between a solid line and a dashed line (on top of color). I am not able to see "end styles" (open or closed circles) shown in the second demonstration above. can someone help me out?

  • 2
    Avatar
    Team Desmos

    Physics Monkey - try adding a point like (0,0). If you click and hold the styling icon, an open point option will be available.

  • 6
    Avatar
    145004742

    Hi, I was wondering how I could get brown. Should I mix orange and black? 

  • 1
    Avatar
    Kevin

    is there a way to shade in cosine graphs

     

    Edited by Kevin
  • 7
    Avatar
    Im out of ideas for names

    Is there a way to use custom colors rather than what's given?

  • 0
    Avatar
    21lia

    What is that pi thingy in misc?

  • 0
    Avatar
    21lia

    How do you use it?

     

  • 10
    Avatar
    701878

    Can we possibly get a color wheel? Instead of only 6 colors?

     

  • 3
    Avatar
    Rbuck

    Could you offer more color options?  I want to be able to graph my students growth over time and use a different color for each of my students... currently I can only put 6 students on one graph with the current setup.  Please and thank you!

  • 1
    Avatar
    Scott Berger

    Choosing other colors from a color wheel or palette would be great, especially considering how often teachers use these to have students draw and shade pretty pictures using e.g. conics or trig functions

  • 1
    Avatar
    Alexander Jones

    How to use custom colours

    There are two ways you can change the colours of expressions in desmos:
    A - Change the colour of individual expressions
    B - Change the colour of the 6 defaults.

    For both:

    1. Open your desmos graph with the expressions you want to change the colour.
    2. Open the console ( Ctrl + Shift + J in Chrome ).

    A

    3. Paste the following code:

    state = Calc.getState()
    state["expressions"]["list"][n].color = "#RRGGBB"
    Calc.setState(state)

    4. Change n to be the index of expression you want to change (the number in the top left minus 1 (arrays start at 0)).
    5. Change RRGGBB to be the hex code for the colour of your choice (e.g. white = FFFFFF, cyan = 00FFFF, etc.)
    6. Press Enter.

    B

    3. Paste the following code:

    Calc.colors.COLOUR = "#RRGGBB"

    4. Replace COLOUR with one of the 6 default colours in capitals (BLACK, BLUE, GREEN, PURPLE, ORANGE, RED)
    5. Change RRGGBB to be the hex code for the colour of your choice (e.g. white = FFFFFF, cyan = 00FFFF, etc.)
    6. Press Enter.

    Edited by Alexander Jones
  • -1
    Avatar
    Isaaksp

    how do you make the boundary thicker?

  • 0
    Avatar
    Smhawkeye

    Have you tried the Projector Mode for making the boundary thicker?

  • 0
    Avatar
    Varun Krishnan

    I have found something that will be amazing and convenient for y'all. You can make custom colors and use them in desmos, but it isn't that simple.

     

    javascript: (function(){if (location.href.split("/")[2] == "www.desmos.com") { if (confirm("Do you know your color code (for example #000000)? If not, click cancel.")) { var color = prompt("Enter your color code here:"); var name = prompt("What is this color called?").toUpperCase().split(" ").join(""); color = (color.substring(0, 1) == "#") ? "%23" + color.substring(1, color.length) : "%23" + color; Calc.colors[name] = color; } else { alert("Pick a color and copy the code (for example #000000), then go back to Desmos and click the bookmark again."); window.open("https://www.google.com/search?q=%2523000000", "_blank"); }} else { alert("Um... this doesn't look like Desmos.");}})(); 

     

    Copy the code above and bring it above to your bookmarks bar in chrome. 

    Next step search in google hex color picker and choose a color of your choice. Then copy the code #abcdef or whatever is in place(that hex code doesn't exist.) But once you have it, click on the bookmark and click ok on the popup, and paste the code, and name it, and if you change the color of the line you can choose your custom color. If you save it will stay no matter what, but the color itself will be gone from the menu of the colors. Works great!

Please sign in to leave a comment.
Powered by Zendesk