Color Chart Tool
Explore color names, HEX codes, RGB values, HSL values and interactive color combinations with our complete online color chart.
Convert & Explore Colors
Select a color and instantly get HEX, RGB and HSL values.
Choose Color
Color Information
Interactive Color Wheel
Understand color relationships using the traditional color wheel.
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
Create Beautiful Color Palettes
Generate professional color combinations for websites, apps and creative projects.
#7C3AED
#3B82F6
#06B6D4
#22C55E
#F97316
Popular Color Palettes
Popular colour combinations used by designers worldwide.
Ocean Blue
#1D4ED8 · #06B6D4 · #7DD3FC
Modern Purple
#7E22CE · #8B5CF6 · #E879F9
Fresh Nature
#15803D · #10B981 · #A3E635
Sunset
#EF4444 · #F97316 · #FACC15
Popular Material Colors
Frequently used colors for modern UI design.
#EF4444
#3B82F6
#22C55E
#FACC15
#9333EA
#EC4899
Generate Shades & Tints
Create lighter and darker versions of your selected color.
Color Tints
Adding white creates lighter color variations.
Color Shades
Adding black creates darker color variations.
Generate Matching Color Combinations
Discover professionally balanced colour combinations based on color theory.
Complementary
Colors opposite each other on the color wheel create strong contrast.
Analogous
Nearby colors create smooth and harmonious designs.
Triadic
Three evenly spaced colors create vibrant designs.
Monochromatic
Different shades of one color create elegant designs.
Everything Designers Need
Accurate Color Values
Get precise HEX, RGB and HSL codes.
Instant Conversion
Convert colors instantly without manual calculations.
One Click Copy
Copy any color code instantly.
Web Ready
Perfect for websites and UI projects.
How To Use Color Picker Tool
Select, convert and copy any color in three simple steps.
Select A Color
Use the color picker selector to choose your desired color visually.
View Color Codes
Instantly get HEX, RGB and HSL values for your selected color.
Copy And Use
Copy the generated color code and use it in your design project.
Why Use Our Online Color Picker?
Finding the right color combination is important for modern websites, applications and graphics. Our color picker makes color selection faster and easier.
-
✓
Accurate Color Conversion
Get precise HEX, RGB and HSL values instantly.
-
✓
No Software Required
Use the tool directly in your browser.
-
✓
Free For Everyone
No registration or payment required.
Perfect For
Basic Color Theory Tips
Understanding colors helps create better designs.
Use Contrast For Better Readability
High contrast between background and text improves accessibility and user experience.
Choose A Consistent Color Palette
Using matching colors creates a professional and visually balanced design.
Follow Brand Colors
Consistent brand colors improve recognition and create trust with users.
Where Can You Use Color Picker?
Website Design
Create beautiful website themes and UI elements.
App Design
Select colors for mobile applications.
Graphics
Pick colors for banners, posters and artwork.
Coding Projects
Generate CSS and design system colors.
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