npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

random-oklch-color

v1.0.0

Published

Generate a random okLCH color.

Downloads

14

Readme

random-oklch-color

Generate a random OKLCH color.

Installation

npm install --save random-oklch-color

Usage

The randomOkLCHColor function can be used to generate a random OKLCH color. By default, it returns the color as a string in the oklch(L C H / A%) format. However, you can also opt to get an object representation of the color by setting the useObjectExport parameter to true.

var randomOkLCHColor = require('random-oklch-color');

// Generate random OKLCH color as a string
console.log(randomOkLCHColor()); // oklch(64% 0.1 233deg)
console.log(randomOkLCHColor(0, 1, 0, 1, 0, 360, 0, 1)); // oklch(0.34 0.58 73deg / 0.62)

// Generate random OKLCH color as an object
console.log(randomOkLCHColor(0, 1, 0, 1, 0, 360, 0, 1, true));
// { lightness: '0.85%', chroma: 0.37, hue: '0deg', alpha: '0.92%' }

In the object representation, the returned object contains the following properties:

  • lightness: The value of the lightness channel (range: 0 to 100).
  • chroma: The value of the chroma channel (range: 0 to 132).
  • hue: The value of the hue channel (range: 0 to 360).
  • alpha: The value of the alpha channel (range: 0 to 100).

By adjusting the input parameters and using the useObjectExport parameter, you can control the range of each channel and obtain the color as an object with the respective channel values.

Acknowledgements

This package is inspired by the generative color concept and the need for random color generation. It is crafted to simplify the process of generating random OKLCH colors.

License

MIT

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

Additional Resources

Here are some additional resources that provide information about the OKLCH color space:

Feel free to explore these resources to learn more about okLCH and its applications in generative art and design.

Crafted for generative doings by [Adam Morse] (@mrmrs_).