Project: 256 Color Matcher
A simple web app to find the closest standard 256 color to a given input color
November 14, 2020
Technologies:
- HTML
- CSS
- JavaScript
Project Links:
Project overview
This is a tiny web app for picking the closest standard 8-bit (256) color from a RGB or hex color input. Target audience includes terminal tinkerers (I build the app for this use for myself) and anyone working with ANSI colors.
Features
- Pure HTML, CSS and JS — no frameworks
- Hex and RGB modes (updates color texts and inputs)
18 kbbundle size- 3 npm dependencies
- Bundled with webpack
- Tests for all non-vendor library modules (
jestfor test running) - Last color saved to
localStorageand retrieved on next visit
Project story
I went through a huge terminal phase. I still love the terminal and do pretty
much everything I can do on the command line. I find it often much faster than
reaching for a GUI. I had a very elaborate ViM setup at one point, and took
styling pretty seriously. I wanted to be able to get standard 256 colors close
to certain palettes, but wanted a quick way to find these. 256-color-matcher
was created as a tool to make this process easier.