🎨 Design & Color Tool

Color Chart Tool

Explore color names, HEX codes, RGB values, HSL values and interactive color combinations with our complete online color chart.

✓ HEX Codes ✓ RGB Values ✓ Color Names ✓ Color Wheel
🎨 Color Code Generator

Convert & Explore Colors

Select a color and instantly get HEX, RGB and HSL values.

Choose Color

Color Information

HEX: #6366f1
RGB: 99,102,241
HSL: 239°,84%,67%
Color Theory

Interactive Color Wheel

Understand color relationships using the traditional color wheel.

COLOR
WHEEL

Color Wheel Categories

Warm Colors

Red, orange and yellow create energetic and vibrant designs.

Cool Colors

Blue, green and purple create calm and professional designs.

Neutral Colors

Black, white, gray and beige balance color combinations.

Primary Colors Chart

Basic colors used to create other colors.

Red

HEX: #FF0000

RGB: 255,0,0

Yellow

HEX: #FFFF00

RGB: 255,255,0

Blue

HEX: #0000FF

RGB: 0,0,255

Secondary Colors Chart

Green

HEX: #008000

RGB: 0,128,0

Orange

HEX: #FFA500

RGB: 255,165,0

Purple

HEX: #800080

RGB: 128,0,128

Tertiary Colors Chart

Colors created by mixing primary and secondary colors.

Red Orange

#FF4500

Yellow Orange

#FFAE42

Yellow Green

#9ACD32

Blue Green

#0D98BA

Blue Purple

#6A5ACD

Red Purple

#C71585

Color Harmony Guide

Complementary

Opposite colors on the color wheel.

Analogous

Colors next to each other on the wheel.

Triadic

Three evenly spaced colors.

Monochromatic

Different shades of one color.

Red Color Chart

Popular red shades with HEX and RGB color codes.

Red

HEX: #FF0000

RGB: 255,0,0

Bright Red

HEX: #EF4444

RGB: 239,68,68

Rose

HEX: #E11D48

RGB: 225,29,72

Dark Red

HEX: #991B1B

RGB: 153,27,27

Blue Color Chart

Professional blue shades for websites and designs.

Blue

HEX: #2563EB

RGB: 37,99,235

Sky Blue

HEX: #0EA5E9

RGB: 14,165,233

Cyan

HEX: #06B6D4

RGB: 6,182,212

Navy Blue

HEX: #1E3A8A

RGB: 30,58,138

Green Color Chart

Green

HEX: #16A34A

RGB: 22,163,74

Emerald

HEX: #10B981

RGB: 16,185,129

Lime

HEX: #84CC16

RGB: 132,204,22

Dark Green

HEX: #14532D

RGB: 20,83,45

Yellow Color Chart

Yellow

HEX: #FACC15

RGB: 250,204,21

Amber

HEX: #F59E0B

RGB: 245,158,11

Light Yellow

HEX: #FEF08A

RGB: 254,240,138

Golden Yellow

HEX: #A16207

RGB: 161,98,7

Orange Color Chart

Orange

HEX: #F97316

RGB: 249,115,22

Light Orange

HEX: #FDBA74

RGB: 253,186,116

Dark Orange

HEX: #C2410C

RGB: 194,65,12

Coral

HEX: #F87171

RGB: 248,113,113

Purple Color Chart

Creative and elegant purple shades.

Purple

HEX: #9333EA

RGB: 147,51,234

Violet

HEX: #7C3AED

RGB: 124,58,237

Indigo

HEX: #4F46E5

RGB: 79,70,229

Dark Purple

HEX: #581C87

RGB: 88,28,135

Pink Color Chart

Pink

HEX: #EC4899

RGB: 236,72,153

Rose

HEX: #F43F5E

RGB: 244,63,94

Fuchsia

HEX: #D946EF

RGB: 217,70,239

Dark Pink

HEX: #831843

RGB: 131,24,67

Brown Color Chart

Brown

HEX: #92400E

RGB: 146,64,14

Dark Brown

HEX: #7C2D12

RGB: 124,45,18

Coffee

HEX: #854D0E

RGB: 133,77,14

Tan

HEX: #FED7AA

RGB: 254,215,170

Gray Color Chart

Light Gray

HEX: #F3F4F6

RGB: 243,244,246

Gray

HEX: #9CA3AF

RGB: 156,163,175

Dark Gray

HEX: #374151

RGB: 55,65,81

Black

HEX: #000000

RGB: 0,0,0

Black & White Color Chart

White

HEX: #FFFFFF

RGB: 255,255,255

Black

HEX: #000000

RGB: 0,0,0

Silver

HEX: #D1D5DB

RGB: 209,213,219

Charcoal

HEX: #18181B

RGB: 24,24,27

HTML & CSS Color Names

CSS provides more than 140 predefined color names that can be used directly in website designs. Each color has a name, HEX code and RGB value.

Examples:

  • Red → #FF0000
  • Blue → #0000FF
  • Green → #008000
  • Gold → #FFD700
  • Purple → #800080

Complete HTML CSS Color Names

Browse popular CSS named colors with HEX and RGB values.

Red

HEX: #FF0000

RGB: 255,0,0

Blue

HEX: #0000FF

RGB: 0,0,255

Green

HEX: #008000

RGB: 0,128,0

Yellow

HEX: #FFFF00

RGB: 255,255,0

Purple

HEX: #800080

RGB: 128,0,128

Pink

HEX: #FFC0CB

RGB: 255,192,203

Orange

HEX: #FFA500

RGB: 255,165,0

Gray

HEX: #808080

RGB: 128,128,128

Random Color Generator

Generate a random color and get its HEX code instantly.

#6366F1

Frequently Asked Questions

What is a HEX color code?

HEX is a six-digit code used in websites and graphics to represent colors.

What are RGB colors?

RGB represents colors using Red, Green and Blue values.

How many CSS named colors exist?

CSS supports 140 standard named colors that can be used directly in websites.

Can I copy color codes?

Yes. Use the copy button to quickly copy HEX values.

Find The Perfect Color For Your Design

Explore thousands of color combinations, HEX codes and palettes for websites, graphics and branding.

Explore Design Tools
Cookie Settings