Digital Toolchest

Primary Colors Hex Codes List

Grab primary color hex codes in clean formats for design systems, UI work, or quick palette references.

Primary color hex codes(3 colors)

List reflects the traditional RYB primaries with common hex values for digital use.

How to use this list

Copy the list in 3 steps

Takes ~5 seconds
  1. 1
    Pick a format

    Choose text, JSON, or HTML output.

  2. 2
    Copy or download

    Copy to clipboard or download a file.

  3. 3
    Paste into your workflow

    Use in docs, stylesheets, or theme files.

Use the JSON format to paste hex values directly into code.

Who should use this list?

  • Designers building color tokens
  • Developers wiring UI themes
  • Educators preparing digital color demos

Examples

Text output with name and hex value.

"Red — #FF0000" -> Red — #FF0000

JSON output for code or scripts.

"#FF0000" -> ["#FF0000", "#0000FF", "#FFFF00"]

HTML output for dropdown menus.

"Red — #FF0000" -> <option value="#FF0000">Red — #FF0000</option>

A clean list of primary color hex codes

Use this list as a quick reference for primary color hex values when working in digital color systems.

Need a quick primary color hex codes list for a design system, UI mockup, or palette reference? This page provides the classic RYB primaries with common hex values in copy-ready formats so you can move fast without searching through color tables. Use the text list when you want labels with hex values, JSON when you need a clean array of hex codes, or HTML <option> tags for dropdown menus. It is handy for building theme tokens, labeling charts, and documenting palette standards across teams. The list stays intentionally short to make teaching and reuse easy, and you can pair it with RGB values when working across print and screen. Use it as a starter palette for demos, style guides, or quick QA snapshots where exact hex values matter. Useful for quick palette snapshots. Because the output is deterministic and local, you can rely on it for documentation, QA, and prototypes.

Copy-ready formats

Switch between text, JSON, and HTML formats with one click.

  • Text list
  • JSON array of hex codes
  • HTML <option> tags
Clear labeling

Includes both color names and hex values for fast scanning.

  • Name + hex
  • Consistent formatting
  • One item per line
Fast workflows

Ideal for style guides, UI tokens, and quick palette notes.

  • No setup
  • Deterministic output
  • Clipboard ready

Color list best practices

Keep color values and labels aligned across tools.

  • Pair hex values with names to avoid ambiguity.
  • Document the color model (RYB vs RGB) alongside the list.
  • Keep a single source of truth for palette tokens.

Frequently asked questions

Which hex codes are included?>
This list includes red (#FF0000), blue (#0000FF), and yellow (#FFFF00).
Why does JSON output only hex values?>
The JSON format is optimized for code use, so it outputs a clean array of hex codes.
Can I use the HTML format for a dropdown?>
Yes. Choose the HTML format to generate ready-to-paste <option> tags.

Related Color lists

Eye Colors List | Copy-Ready Text, JSON & HTML

Copy a clean list of common eye colors in text, JSON, or HTML format for forms, surveys, and quick reference data.

Primary Colors (RGB) List | Copy-Ready Text, JSON & HTML

Copy the RGB primary colors list in text, JSON, or HTML format. Perfect for UI work, web color systems, and product prototypes.

Primary Colors List | Copy-Ready Text, JSON & HTML

Copy a clean primary colors list in text, JSON, or HTML format. Perfect for design systems, UI mockups, and color palette planning.

Secondary Colors List | Copy-Ready Text, JSON & HTML

Copy a clean secondary colors list in text, JSON, or HTML format. Great for design systems, art classes, and palette planning.