Color Explorer

This is an app for exploring colors, built for fun. It's an exercise to learn web development fundamentals, using the simplest technology stack: plain HTML, CSS, & JS.

Exercise Constraints

• No libraries, frameworks, templates, or preprocessors outside Node.js
• Limited dev tools:
  • ESLint
  • nodemon

Goals

• Show all of the CSS color names.
• Show all 4096 shorthand color codes (e.g. "#639").
• Show white or black text depending on the color's brightness (a.k.a. luma).
• Filter color names & codes, given a substring (e.g. "blue" or "0f").

Development

Install the dependencies by running:

npm install

Start the node server with:

npm run dev

Identify syntax and style issues with:

npm run lint

favicon by Twemoji, licensed as CC-BY 4.0.