codepens/hex-rgb-auto-color-converter-in-vue

Hex/RGB Auto Color Converter in Vue

A Pen created on CodePen.io. Original URL: https://codepen.io/collinsworth/pen/WNXxQVP.

A tool to convert RGB and hexadecimal color values (with or without alpha) back and forth, with automatic detection and a fairly forgiving format.

The pen also previews your entered color; offers a button to quickly copy the converted value to your clipboard; and it includes a dark mode so that you can see your previews against a light and dark background.

To do: - Right now, the method detection and actual conversion are decoupled, and it seems like that logic should probably live together;

• The validation could work a little better. It prevents illegal characters, but doesn't stop you from entering legal characters in illegal positions (e.g., adding a "r" to a hex value);
• Feels like there's probably a better way to do that nested loop, but maybe not