Run yarn formatall to format the source code. To use the watch mode, run the cmd yarn build:watch Formatting with Prettier
#React colorwell code
Run eslint using yarn lint Building the source code If you'd like to contribute to this project, then follow the below instructions to setup the project locally on your machine. Remove tooltip styles and use react-emotion to create tooltip componentĪdd bezier easing to gradient picker component Tweak rollup config to reduce bundle size Use a monorepo format to store different pickers and color tools Or checkout the examples folder DocumentationĬheck out the detailed documentation TODO This package also depends on React so make sure you've it installed. Or if you use yarn, yarn add react-color-tools Tetradic - Two pairs of colors which are opposite on the color wheel Triadic - This color scheme has three colors that are evenly spaced on the color wheel.
#React colorwell plus
Split Complementary - This scheme represent any color on the color wheel plus two colors that are it's complement. Monochromatic - This color scheme contains tints, shades and tones of a color.Īnalogous - This color scheme contains the hues that are located side by side on the color wheel. Saturation - Describes the intensity or purity of color.ĭesaturation - Desaturation makes a color look more muted (hue approaches closer to gray). Tint - A tint is a hue lightened with gray. Shade - A shade is a hue darkened with black. Hue - A hue is name of particular color, or it is also one of the 12 colors on the color wheel. FeaturesĬreate gradient by controlling the color stop positionsĪ little bit about different color terms and color harmonies that you will be using while working with react-color-tools. There are no other projects in the npm registry using react-colour-wheel. Start using react-colour-wheel in your project by running npm i react-colour-wheel. Latest version: 1.0.7, last published: 4 years ago.
So I decided to build react-color-tools with these features while keeping the API surface minimal and easy to use. A circular colour-picker React component built with HTML5's canvas & context-api. I was using react-color for my projects and felt the need for more features like image color extraction, generating shades and tints, creating gradients, and advance color tools for controlling the intensity and value of the color. React-color-tools is inspired from react-color. These tools can be used to manipulate a color for example controlling the intensity or purity of color, extracting swatches from an image, creating a gradienty defining color stop positions, choosing from variety of shades and tints or choosing a color scheme. React-color-tools provides a set of tools as React components for working with colors. A set of tools as React components for working with colors
0 kommentar(er)
