RGB Color Codes

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.

  • Free to Use
  • No Signup
  • Privacy Friendly

How to get color codes for CSS

  1. 1

    Pick or paste

    Use the color picker or type a HEX value like #0061FE in the input field.

  2. 2

    Copy the format you need

    Click Copy next to HEX, rgb(), or hsl() for your stylesheet.

  3. 3

    Fine-tune

    Try the color picker for RGB/HSL sliders or HTML editor to preview in context.

Color Conversion Formulas

HEX → RGB

Each pair of hex digits represents red, green, blue (0–255):

#0061FE → R=0, G=97, B=254 → rgb(0, 97, 254)

RGB → HSL

H (hue) 0–360°, S (saturation) 0–100%, L (lightness) 0–100%. Computed from R, G, B normalized to 0–1 using standard HSL conversion.

Why Use This Tool?

  • Full Formats

    HEX, RGB, and HSL values update as you pick colors.

  • Copy Codes

    One-click copy for each format — ready for CSS.

  • Live Preview

    Large swatch shows your selected color instantly.

  • Private

    No data sent anywhere — runs in your browser.

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.

RGB Color Codes — TetraKits free online tool

Named Colors Without Memorizing HEX

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.