Reference Overview
This page is designed as a practical working prototype. Enter a six-digit hex color code in the picker, click a named color in the table, or search the reference list by color family, color name, hex code, or RGB value. The preview panel updates immediately and identifies exact named-color matches when available.
On This Page
Color Picker
Hex: #4169E1
RGB: rgb(65,105,225)
Exact named-color match: royalblue
Color family: Blue
Preview swatch. Click any table row below to load that color.
All Named Colors
Use this table as the main prototype database. Each row includes a visual swatch, CSS color name, hexadecimal value, decimal RGB value, and color family.
| Color | Family | Color Name | Hex Code | RGB Code |
|---|
Red Colors
Red colors include soft salmon tones, coral-reds, crimson, firebrick, pure red, and dark red.
Orange Colors
Orange colors include coral, tomato, orangered, gold, orange, and darkorange.
Yellow Colors
Yellow colors include pale cream colors, parchment-like tones, khaki, and pure yellow.
Green Colors
Green colors include lime, forest, spring, sea green, olive, and dark green values.
Cyan Colors
Cyan colors include aqua, turquoise, aquamarine, teal, and blue-green reference colors.
Blue Colors
Blue colors include sky blues, steel blues, royal blue, pure blue, navy, and slate blues.
Purple Colors
Purple colors include lavender, violet, orchid, fuchsia, magenta, purple, and indigo.
Pink Colors
Pink colors include light pinks, hot pink, deep pink, and violet-red tones.
White Colors
White colors include white, snow, cream, linen, floral, antique, and very pale tinted values.
Gray Colors
Gray colors include silver, gray, slate gray, dark slate gray, and black.
Brown Colors
Brown colors include cornsilk, almond, wheat, tan, goldenrod, chocolate, sienna, brown, and maroon.
Testing Notes
This prototype uses embedded data inside the JavaScript. That makes it easy to test as a single file.
Later, the color list can be moved into a separate colors.json file if you want the page to behave
more like a reusable reference database.
The current picker recognizes exact named-color matches. A later version could add closest-color matching, copy buttons, HSL values, contrast checking, or a true two-dimensional color field with a movable pointer.