Browse 140+ named CSS colors with HEX, RGB, and HSL values side by side. Search by color name or scroll the palette — click any swatch to copy the code format you need for stylesheets and design tools. The TetraKits RGB Color Codes runs entirely in your browser — free, private, and ready on mobile or desktop.
Overview
Bootstrap themes, documentation sites, and quick prototypes often need standard palette colors — not custom picker values. A searchable named-color reference with HEX, RGB, and HSL copy saves trips to external cheat sheets.
How to use the rgb color codes
- Browse or search — Scroll the named color grid or search by name — tomato, steelblue, rebeccapurple, and 140+ more.
- Preview the swatch — Each card shows the color swatch with HEX, RGB, and HSL values beneath the name.
- Copy your format — Click copy for HEX, RGB, or HSL. For custom colors, use the color picker.
Common use cases
- Browse or search: Scroll the named color grid or search by name — tomato, steelblue, rebeccapurple, and 140+ more.
- Preview the swatch: Each card shows the color swatch with HEX, RGB, and HSL values beneath the name.
- Copy your format: Click copy for HEX, RGB, or HSL.
- Bookmark for quick access: Save the tool for repeat tasks without installing an app.
Frequently asked questions
What are named CSS colors?
The CSS Color Module defines 140+ named colors like navy, coral, and gold. Browsers render them without HEX or RGB codes.
Can I use these names in CSS?
Yes. color: steelblue; and color: #4682B4; produce the same result. Named colors are valid in all modern browsers.
How do I find a color by appearance?
Browse swatches visually or search partial names. For precise custom shades, use the color picker.
What is the difference between RGB and HSL?
RGB specifies red, green, blue channels (0–255). HSL uses hue, saturation, lightness — easier for creating color variants.
Is this RGB color reference free?
Yes. Unlimited browsing and copy with no signup.


