This color utility identifies the closest standard named color for any hexadecimal color code using 3D Euclidean distance matching. As you adjust the visual color picker or edit the hex input field, the tool evaluates its coordinates against a curated dictionary of named CSS and web colors in real time.

### Distance Formula and Color Space Mechanics Colors are parsed into their eight-bit red ($r$), green ($g$), and blue ($b$) components in the sRGB color space $[0, 255]$:

$\text{Distance} = \sqrt{(r - n_r)^2 + (g - n_g)^2 + (b - n_b)^2}$

where $(n_r, n_g, n_b)$ represents each named color candidate in the reference palette. The algorithm evaluates every entry in memory and selects the color name with the minimal Euclidean distance.

### Concrete Usage Example 1. **Default Color:** Entering `#ff6347` decomposes into RGB values $(255, 99, 71)$, identifying **Tomato** as the exact named match ($0.00$ distance). 2. **Custom Hex Input:** Typing `#1e3a8a` decomposes into RGB values $(30, 58, 138)$, identifying **DarkBlue** as the closest named standard color.

### Privacy and Client-Side Execution All hex parsing, RGB conversions, and array distance iterations run locally inside React state memory in your web browser. No hex codes or search queries are sent to external servers.