Color Name Finder

Algorithm and data in detail: **Distance formula:** For each named colour in the 148-colour array, compute d = sqrt( (R_input - R_name)² + (G_input - G_name)² + (B_input - B_name)² ). Then sort the array by ascending distance and take the top 5. **Exact match detection:** If the distance equals 0 (i.e., all three channels match exactly), the result is flagged as an exact match. The UI shows "Exact match!" instead of a distance value for this entry. **Distance interpretation:** - 0: exact match - < 10: virtually indistinguishable - 10-30: very close, probably the same colour in a different naming scheme - 30-80: related but noticeably different - > 80: meaningfully different colours The maximum possible distance in a 255³ RGB cube is sqrt(255² + 255² + 255²) ≈ 441.67 (the diagonal of the cube from (0,0,0) to (255,255,255)). **Display:** The top 5 matches are shown as a vertical list, each row containing a colour swatch (a small coloured square), the CSS name in bold, the hex value in monospace font, and the distance value (or "Exact match!" for distance 0). The closest match (distance < 30) is highlighted with a subtle accent border. **Performance:** With 148 colours, computing 148 distances and sorting them is trivial — the entire operation takes well under 1 ms, so the results update live on every keystroke. **The 148 CSS named colours** included are: aliceblue, antiquewhite, aqua, aquamarine, azure, beige, bisque, black, blanchedalmond, blue, blueviolet, brown, burlywood, cadetblue, chartreuse, chocolate, coral, cornflowerblue, cornsilk, crimson, cyan, darkblue, darkcyan, darkgoldenrod, darkgray, darkgreen, darkgrey, darkkhaki, darkmagenta, darkolivegreen, darkorange, darkorchid, darkred, darksalmon, darkseagreen, darkslateblue, darkslategray, darkslategrey, darkturquoise, darkviolet, deeppink, deepskyblue, dimgray, dimgrey, dodgerblue, firebrick, floralwhite, forestgreen, fuchsia, gainsboro, ghostwhite, gold, goldenrod, gray, green, greenyellow, grey, honeydew, hotpink, indianred, indigo, ivory, khaki, lavender, lavenderblush, lawngreen, lemonchiffon, lightblue, lightcoral, lightcyan, lightgoldenrodyellow, lightgray, lightgreen, lightgrey, lightpink, lightsalmon, lightseagreen, lightskyblue, lightslategray, lightslategrey, lightsteelblue, lightyellow, lime, limegreen, linen, magenta, maroon, mediumaquamarine, mediumblue, mediumorchid, mediumpurple, mediumseagreen, mediumslateblue, mediumspringgreen, mediumturquoise, mediumvioletred, midnightblue, mintcream, mistyrose, moccasin, navajowhite, navy, oldlace, olive, olivedrab, orange, orangered, orchid, palegoldenrod, palegreen, paleturquoise, palevioletred, papayawhip, peachpuff, peru, pink, plum, powderblue, purple, rebeccapurple, red, rosybrown, royalblue, saddlebrown, salmon, sandybrown, seagreen, seashell, sienna, silver, skyblue, slateblue, slategray, slategrey, snow, springgreen, steelblue, tan, teal, thistle, tomato, turquoise, violet, wheat, white, whitesmoke, yellow, yellowgreen.