A front-end web app to pick tints and shades of a hue by luminance and by chroma, to make our color choice more logical and more intuitive
https://triangulum.netlify.app
See Medium articles that accompany Triangulum Color Picker:
- "Pick color by luminance with Triangulum Color Picker"
- "Pick color by chroma with Triangulum Color Picker"
This app is in an experimental stage. Pull requests are welcome.
Requirements: Node.js (with NPM which comes with it) and Git LFS
To install:
$ git clone https://github.com/masakudamatsu/triangulum-color-picker.git
$ cd triangulum-color-picker
$ npm install
To start a development server:
$ npm run dev
which runs the next dev
command (see
Next.js Docs).
The following testing tools are used:
To run all the unit tests with Testing Library and Jest (with code coverage reports):
$ npm run test:coverage
To run only the unit tests relevant to changes since the last commit (with Jest watch mode):
$ npm t
To run e2e tests with Cypress Test Runner:
$ npm run test:e2e
To run cypress-image-snapshot tests headlessly in the Electron browser (after launching the development server):
$ npm run snapshot
When you make a commit, ESLint, Prettier, and Jest will be run only on the files to be committed. If there is any error, the commit will be aborted.
After staging files to be committed, run
npm run commit
which launches a dialog to write a commit message in the fashion of Angular's Commit Message Guidelines.
Triangulum Color Picker is developed by Masa Kudamatsu. You can find me on Twitter (@masa_kudamatsu). Alternatively, email me at masakudamatsu[at]gmail.com