*IMPORTANT: If you're using v1.0.0 of color-repo-kim in an ES6 environment and encountering the 'Cannot use import outside a module' error, please run npm install color-repo-kim@latest to resolve the issue and install the latest version (v2.0.0).

this readme is still a work in progress. Some info might be out of place

Color Repo is a lightweight JavaScript library for seamless color manipulation and analysis. It provides a collection of methods to manipulate, analyze, and convert colors easily.

npm install color-repo-kim

or using cdn.jsdelivr.:

https://cdn.jsdelivr.net/npm/[email protected]

const { ColorRepoKim  } = require('color-repo-kim');

// Define a sample color
const sampleColor = { r: 255, g: 0, b: 0 };

// Get the complementary color
const complementaryColor = ColorRepoKim .manipulate.getComplementaryColor(sampleColor);

// Display results
console.log('Sample Color:', sampleColor);
console.log('Complementary Color:', complementaryColor);`

Expected output:

Sample Color: { r: 255, g: 0, b: 0 }
Complementary Color: { r: 0, g: 255, b: 255 }`

ColorRepoKim includes a variety of color manipulation features:

• Get Split Complementary Colors

const splitComplementaryColors = ColorRepoKim .manipulate.getSplitComplementaryColors(sampleColor);
console.log('Split Complementary Colors:', splitComplementaryColors);`

• Get Analogous Colors

const analogousColors = ColorRepoKim .manipulate.getAnalogousColors(sampleColor);
console.log('Analogous Colors:', analogousColors);`

• Get Monochromatic Colors

  const monochromaticColors = ColorRepoKim .manipulate.getMonochromaticColors(sampleColor, 5);
  console.log('Monochromatic Colors:', monochromaticColors);`

• Additional Color Manipulation Methods
  ColorRepoKim provides more advanced color manipulation methods:

  • Triadic Colors
  • Tetradic Colors
  • Lighten Color
  • Darken Color
  • Invert Color

  Explore these methods in the API Documentation.

For detailed information on all available methods and their parameters, refer to the API Documentation.

  export const Component = (props) => {
    const { baseColor } = props;
    const [currentColor, setCurrentColor] = useState(baseColor);
  
    return (
        <article className={`...other bg-${currentColor}-500`}>
          <button>click me</button>
        </article>
  )

If you have ideas for new features, improvements, or find any issues, feel free to contribute by opening an issue or a pull request.

This library is licensed under the MIT License - see the file for details. LICENSEThis expanded README includes sections for API Documentation, Examples, and a basic React Component.