New answers tagged

3

The vibrancy of the Material Design palette is mainly based on hyper-saturation of the shades. The saturation force is strong with those. I suggest that you detect the level of (de)saturation of the colors used in the company identity guide and apply a similar level of (de)saturation to the chosen colors from Material palette. This way you will keep the ...


2

But my question ultimately boils down to, what's the best approach to select a suitable colour that provides enough contrast, when that element bridges the gap between a dark and a light area? I believe the answer to your question can be found here and here. Whatever color you choose, you have to keep in mind web accessibility.The Web Content ...


0

You should look at Google material design framework color palettes: https://www.google.com/design/spec/style/color.html#color-color-palette I see you are using the Deep Purple color palette. I think the best solution is to use either darker Deep Purple color (example: Deep Purple 900 #311B92) or choose an accent color from the other colors, like Orange ...


3

There are a few pre-made category color sets for Datavis, made by Mike Bostock, that go up to 20 colors: However, in my POV they are not very interesting aesthetically, so if you are into a custom or advanced color work, you could try the ColorBrewer by Cynthia Brewer, as @icc97 said.


0

No, and in fact most of the default colour palettes of standard applications are not particularly suitable because it is difficult to take into account the number of datasets you are going to plot or display. However, there are a couple of strategies you can consider when you are going to be working with a very large dataset (with many data series): ...


7

color brewer is designed for maps but it will give you colours that are optimised to be as differentiable as possible. It has a maximum of 12 colour classes


0

There is no standard list, but there are rules how colors come together or contrast. I use Paletton when I have any questions or doubts about colors. There are plenty of options there to research and experiment. I think it might be a good starting point for your list.


1

The only color associated with failure is red. Since it is not displayed well, I recommend you to find other ways to make the pass/fail easy to distinguish. You may try the following : Leave an empty line above and below the pass/fail. This will create whitespace and attract attention. Use symbols and text. This duplication of information increases the ...


1

You could switch to using a tick vs a cross - then of course you're helping out green / red colour blind people too. (courtesy of slightly modified sweet alert) Update: the other method for doing this is to only list the fails, either before or after the list. F Test 1 FAIL Test 11 F Test 111 FAIL Test 1111 Test 11111 F ...


4

Red is the standard color for error, so I think you ought to stick with that. But there are a few things you could do to help readability. Use the text background color if you have control of that. You could make the background red or green, and the text white (or another combination that works well). This has the advantage of highlighting the result ...


0

Agree with above that both are non user-friendly Also the first one is like a Stroop effect test. The bar marked red is cyan, the one marked green is magenta etc etc - that could get really confusing https://www.math.unt.edu/~tam/SelfTests/StroopEffects.html My own suggestion - unless this is a paint/photo-editing application - is to give the user a fixed ...


5

In short: Both are non-user friendly. . Math for computers... The RGB color model specifies the intensity of red, green, and blue on a scale of 0 to 255, with 0 (zero) indicating the minimum intensity. The settings of the three colors are converted to a single integer value by using this formula: RGB value= Red + (Green*256) + (Blue*256*256) Most ...


0

I would go for the first option since it's offers user more color as they slide through it, but it's best to put input label next to it that says the color code, so user can know what the color code for the color as they slide and also they can put the color code of their own so they don't need to slide it to find the perfect color code that they choose for ...



Top 50 recent answers are included