Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Color Wheel Calculator #1241

Open
3 tasks done
effevee opened this issue Aug 15, 2024 · 1 comment · May be fixed by #1265
Open
3 tasks done

Color Wheel Calculator #1241

effevee opened this issue Aug 15, 2024 · 1 comment · May be fixed by #1265
Labels
enhancement New feature or request triage

Comments

@effevee
Copy link

effevee commented Aug 15, 2024

What type of request is this?

New tool idea

Clear and concise description of the feature you are proposing

Ever wondered how designers and artists find the perfect color combination?

They use color theory. Color theory is a practical combination of art and science that’s used to determine what colors look good together. The color wheel was invented in 1666 by Isaac Newton, who mapped the color spectrum onto a circle. The color wheel is the basis of color theory, because it shows the relationship between colors.

Colors that look good together are called a color harmony. Artists and designers use these to create a particular look or feel. You can use a color wheel to find color harmonies by using the rules of color combinations. Color combinations determine the relative positions of different colors in order to find colors that create a pleasing effect.

Is their example of this tool in the wild?

Canva Color Wheel
The Sessions College Color Calculator
Figma Color Wheel

Additional context

In color theory, a color scheme is the choice of colors used in design for a range of media. For example, the use of a white background with black text is an example of a common default color scheme in web design.

Color schemes are logical combinations of colors on the color wheel. Color schemes are used to create style and appeal. Colors that create an aesthetic feeling together commonly appear together in color schemes. A basic color scheme uses two colors that look appealing together. More advanced color schemes involve several colors in combination, usually based around a single color—for example, text with such colors as red, yellow, orange and light blue arranged together on a black background in a magazine article. Color schemes can also contain different shades of a single color; for example, a color scheme that mixes different shades of green, ranging from very light (almost white) to very dark.

Complementary colors are two colors directly across from each other; for example, red and green are complementary colors. Tetradic color palettes use four colors, a pair of complementary color pairs. For example, one could use yellow, purple, red, and green. Tetrad colors can be found by putting a square or rectangle on the color wheel. An analogous color scheme is made up of colors next to each other on the wheel. For example, red, orange, and yellow are analogous colors. Monochromatic colors are different shades of the same color. For example, light blue, indigo, and cyan blue. Complementary colors are colors across from each other on a color wheel. For example, blue and orange. Triadic colors are colors that are evenly across from each other, in a triangle over the color wheel. For example, the primary colors red, yellow, and blue are triadic colors.

Validations

  • Check the feature is not already implemented in the project.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Check that the feature can be implemented in a client side only app (IT-Tools is client side only, no server).
@effevee effevee added enhancement New feature or request triage labels Aug 15, 2024
sharevb added a commit to sharevb/it-tools that referenced this issue Aug 23, 2024
@sharevb sharevb linked a pull request Aug 23, 2024 that will close this issue
sharevb added a commit to sharevb/it-tools that referenced this issue Aug 24, 2024
@sharevb
Copy link
Contributor

sharevb commented Aug 24, 2024

Hi @effevee and @CorentinTh, implemented in #1265

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request triage
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants