Comments (3)
The proximity of neighboring hues a tradeoff between distinguishability of colors around the core grades, the aesthetic appeal and brightness of the core colors, the common associations with the "name" of the color, compatibility with the existing system, and requests from end users. Because, like you said, Ultramarine 50 and Blue 50 wouldn't likely be used in the same design, there's a benefit to providing alternative warmer and cooler blues (that could complement differently with warmer colors) instead of more widely distributed hues.
Here is an illustration of the distribution of the colors at 50 Grade:
How would having more differentiated hues at particular grades be useful to you in your work?
from colors.
My concern was more with how having less differentiated hues may make the decision making process for colors more difficult and lead to some inconsistencies in products. I know that the expanded palette is meant to help with data vis palettes, but the lack of differentiation between hues at particular grades makes certain portions of neighboring hues seem duplicative, but that isn't true for all the hues.
I understand the wider distributed (or more differentiated) hues, but I guess I'm more curious about the overall benefit of the more narrowly distributed hues specifically to the end user and the reasoning behind those few narrow distributions. If most end users (and some designers) aren't going to recognize the nuances between how three blue temperatures complement with warmer colors or the difference between our red and orange (whether that's vision or device/screen quality) is it a benefit or a hindrance for designers?
from colors.
Yeah, it's definitely a tradeoff between making decisions simpler for designers, providing the flexibility for nuance, and accommodating expectations. The specific hues chosen for the core colors were based on feedback from product teams and marketing stakeholders about the existing color system and what would be useful for their design needs: e.g. making adjustments to the primary blue color and providing warmer and cooler versions of it to be used in combinations. A good approach to making clear decisions about the colors is to create a color scheme based on a few specific values and then adjusting the lightness and darkness grades as needed.
from colors.
Related Issues (20)
- Orange vs Peach HOT 1
- White needs a light gray stroke around it HOT 2
- Maybe a border around the white? HOT 1
- Color contrast for warmer colors HOT 2
- Ability to compare colors
- Different hue values in cool grays HOT 2
- Publish new version, 2.0.3, to npm HOT 1
- Examples on color page don't match new colors HOT 2
- Getting color throws an error if no grade is specified HOT 1
- Update whites grades documentation
- Remove Eyeglass version warning HOT 2
- Color Blind safe Orange 40 does not match result of color("orange", 40) HOT 1
- Throwed wrong error of undefined HOT 1
- $Palette variable doesn't match supplied value throwing errors. HOT 1
- Filename versioning HOT 1
- Install options question HOT 1
- URL in description links to a 404 HOT 1
- name collision with PostCSS HOT 1
- Links in readme are dead
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from colors.