Giter Club home page Giter Club logo

Comments (12)

davidacreates avatar davidacreates commented on June 14, 2024 1

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.

makepanic avatar makepanic commented on June 14, 2024

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.

dehghani-mehdi avatar dehghani-mehdi commented on June 14, 2024

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.

fchristant avatar fchristant commented on June 14, 2024

@dehghani-mehdi The last chapter of this article perhaps answers your question:
https://ferdychristant.com/color-for-the-color-challenged-884c7aa04a56

from open-color.

dehghani-mehdi avatar dehghani-mehdi commented on June 14, 2024

@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.

fchristant avatar fchristant commented on June 14, 2024

@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.

dehghani-mehdi avatar dehghani-mehdi commented on June 14, 2024

@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.

davidacreates avatar davidacreates commented on June 14, 2024

@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.

dehghani-mehdi avatar dehghani-mehdi commented on June 14, 2024

@orangemooncreative the base/brand color is special and can not be picked from open color (in my opinion)

from open-color.

davidacreates avatar davidacreates commented on June 14, 2024

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.

dehghani-mehdi avatar dehghani-mehdi commented on June 14, 2024

@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.

sairion avatar sairion commented on June 14, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.