Comments (12)
ahhhhh. got it. i've found with color palettes there is no one size fits all. there is always tweaking involved. i use a combination of open color, palx, colorable and 0to255 to build and refine my palettes. good luck!
from open-color.
They're generated based on https://github.com/yeun/open-color/blob/master/open-color.json
which contains all individual colors.
There is no color generation, only swatches and images are automatically generated based on that json definition.
from open-color.
I know there is no magic in this repo (in codes) and colors are pre-defined. I like to know how I can change color's properties (e.g: hue), to match all colors with specific base color
from open-color.
@dehghani-mehdi The last chapter of this article perhaps answers your question:
https://ferdychristant.com/color-for-the-color-challenged-884c7aa04a56
from open-color.
@fchristant thank you for the link, I think you wrote that, nice job.
It wasn't the exact thing that I'm looking for though. I have one color (aka base or brand) and I want to change all other colors in Open Color based on that color. not to add another color to the palette .
from open-color.
@dehghani-mehdi Thanks! Sorry, but that requirement makes no sense to me. What is the point of a color palette if they all have the same hue as a base color?
from open-color.
@fchristant I'm sorry, seems like I couldn't explain correctly, I don't want to change all color's hue to be the same as each other, I want to change their hue to be match with my base color. for example my brand color is #ff1234
, using this color as base with Open Color is not correct (I think), so I want to alter Open Color to get the best result, based on my base color.
Or let me say this way, let's say there is no Open Color palette, I have a base color, so I need to find few other colors, red, green, yellow, orange, maybe some accent colors, gray colors. this color should be based on the base color (as much as possible) I'm not designer of course, I just think it should be this way. so now we have Open Color, let use it as base and try to alter the colors to get the best result.
For example all colors in algolia.com are in harmony, I think if we use Open Color with that base color, the result won't be great. obviously there is no perfect color palette that can be used in all cases, so I just to use Open Color as base, because it's great already, and change the colors based on my base color.
from open-color.
@dehghani-mehdi why not pick a base color from open color and then use something like palx (https://palx.jxnblk.com/) to generate the rest of the palette? that is my typical workflow if i'm not using the entire palette from here.
from open-color.
@orangemooncreative the base/brand color is special and can not be picked from open color (in my opinion)
from open-color.
you could put your base/brand color in the tool i suggested instead. however it is not uncommon for brands to have a digital version of their brand colors. so if there was a color from open color that was close enough you probably could get away with it. assuming this is a new website/app if it is something inherited then see my first sentence :)
from open-color.
@orangemooncreative actually I found Open Color through Palx, I tried to generate the palette using Palx, it was good but not perfect for me, (and I tried so many online and offline tools before posing this issue.)
from open-color.
While I think this discussion makes sense and worthy, unfortunately this project does not provide the magic something you would expect, so I will close this – It would be more of a graphic design problem.
There are tons of color scheme generators you can use (but personally I was never satisfied with them) e.g.) https://color.adobe.com/create
from open-color.
Related Issues (20)
- Dark mode support HOT 2
- Latest published version on npm still depends on npm HOT 2
- chromatic
- [FEATURE IDEA]Add click to copy feature
- Add PostCSS-import compatible endpoint
- Feature request: Add additional dark colors HOT 1
- Question: Grey 6 accessibility
- macOS Color Palette download broken
- Photoshop swatches -1.9.1.aco download failed (no file)
- How get all colors?
- HD color HOT 2
- New two scale
- Suggestions for additional colors HOT 4
- Gravit Designer HOT 2
- Gaps between Gray 4-Gray 7. HOT 2
- Swatches for Affinity Designer
- npm prepublish is deprecated HOT 1
- Provide a Figma Library
- Arbitrary File Overwrite - 1.7.0 Open Color
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 open-color.