Free · browser · no account
Pick, copy, and ship color with confidence
One desk for HTML color codes, live harmonies, brand and automotive references, gaming format tokens, developer syntax guides, country and culture color references, and twenty tools that export CSS, Tailwind, and Android ramps — with OKLCH when your pipeline needs it.
- 20 tools
- 500+ brands
- 200+ tech cos
- 100 marques
- 103 gaming refs
- 13 dev refs
- 195 flag countries
- 130+ shade pages
Explore directories
Color reference charts
Design systems and specialty standards — Material, Fluent, Pantone, web-safe, and more with copy-ready HEX.
Material Design
Google Material shades
Open chart 🌊Tailwind CSS
Default v3 scales
Open chart 🪟Fluent Design
Microsoft theme
Open chart ⚛Chakra UI
React theme scales
Open chart 📝HTML color names
140+ keywords
Open chart 🔲Web safe
216-color cube
Open chart 🎨Pantone
COTY & classics
Open chart 🏠Paint colors
SW & BM names
Open chartShades by color name
130+ SEO shade pages with HSL ramps and one-click HEX — warm, cool, neutral, and specialty hues.
Shades of red
Crimson to rose
Open ramp 🔵Shades of blue
Navy to sky
Open ramp 🟢Shades of green
Forest to mint
Open ramp 🌿Shades of sage
Muted organic
Open ramp ⚓Shades of navy
Deep maritime
Open ramp 🌸Shades of blush
Dusty pinks
Open ramp ⬜Shades of gray
Neutral UI
Open ramp ⬛Shades of charcoal
Near-black
Open rampTech company brand colors
200+ SaaS, hardware, and AI brand pages with copy-ready HEX — not found on typical color-code competitors.
Blue, red, yellow, green
Open palette 🍎Apple
Black, white, space gray
Open palette 🪟Microsoft
Windows four-square
Open palette 🤖OpenAI
ChatGPT greens
Open palette 💳Stripe
Blurple payments
Open palette 💬Slack
Aubergine + hash
Open palette ◆Figma
Multi-node violet
Open palette 🎮NVIDIA
Green eye mark
Open paletteGlobal brand colors
510 brand pages across fashion, food, banking, sports, airlines, luxury, media, and automotive logo colors — not found on typical color-code competitors.
Car brand paint colors
100 marques with OEM paint names, manufacturer codes, HEX, RGB/CMYK, year ranges, and compatible models — a competitor differentiator for automotive SEO.
Ferrari
Rosso Corsa · code 300
Open paints 🛞Porsche
Guards Red, GT Silver
Open paints 🔵BMW
Alpine White, M blue
Open paints ⭐Mercedes-Benz
Obsidian, designo
Open paints ⚡Tesla
Multi-coat whites
Open paints 🛻Ford
Mustang Race Red
Open paints 🚙Toyota
TRD, pearl whites
Open paints 🐂Lamborghini
Verde Mantis
Open paintsGaming color codes
103 platform pages with format codes (Minecraft §, Roblox IDs, ANSI SGR), HEX, and RGB/CMYK — expanded beyond typical color-code competitors.
Developer color references
13 platform syntax guides — CSS functions, variables, Tailwind, Android XML, Swift, Flutter, React Native, SVG, Windows, terminal, Matplotlib, and R — with copy-ready snippets and RGB/CMYK.
CSS functions
oklch, color-mix
Open reference :rootCSS variables
Design tokens
Open reference 🌊Tailwind config
theme.extend
Open reference 🤖Android XML
colors.xml
Open reference 🦋Flutter
Color(0xFF…)
Open reference 🍎Swift / UIKit
UIColor, Color
Open reference ⌨Terminal ANSI
SGR escapes
Open reference 🐍Matplotlib
Python plots
Open referenceCountry & culture colors
195 country flag HEX values plus national, cultural, seasonal, wedding, and interior palettes — with RGB/CMYK on every swatch.
Color theory & education
Eight guides on wheels, psychology, branding, complements, warm vs cool, web UI, WCAG contrast, and color vision — with interactive demos and copy-ready swatches.
Picker
Color picker
Find any color and its shades, tints, and harmonies. One control updates every format — tweak a channel without chasing mismatched values across tabs.
Pick a color — try it →Extract
Image color extractor
Upload a screenshot or moodboard, sample dominant swatches, and copy HEX for a starter palette. Default path keeps canvas work in your browser.
Extract colors — try it →Harmony
Palette generator
Build complementary, triadic, analogous, and split palettes from one anchor — the same harmony engine as the studio above, with CSS custom property export.
Find a harmony — try it →Charts
Color chart
Fourteen searchable references: Tailwind, Material, Fluent, Chakra, Bootstrap, HTML/CSS names, web-safe 216, Pantone, RAL, Crayola, paint names, and more — each with filter and one-click HEX copy.
View the charts — try it →Names
Color names
Browse the CSS named color keywords (AliceBlue, RebeccaPurple, and the full set) plus gaming lists — Minecraft, Discord, Roblox, ANSI, and more.
Browse the list — try it →Library
Color library
Explore shade families, brand hubs, car paint tables, and curated references — the encyclopedia side of ChromaXP, wired to the same tools when you need ramps or contrast checks.
Explore the library — try it →What are HTML color codes?
Color codes are how we tell screens which red, green, and blue intensities to show. On the web you will see Hex color
codes most often, plus RGB and HSL in CSS, OKLCH in modern pipelines, and named keywords like rebeccapurple.
Hex color codes
A Hex code is six hexadecimal digits: each pair encodes red, green, and blue from 00 (none) to
FF (full). White is #FFFFFF; black is #000000. Grayscale colors use equal
channels — #808080 is mid gray.
Modern displays support about 16.7 million sRGB colors. Use the studio at the top of this page to explore one, or open our palette charts when you want curated sets instead of infinite scroll.
List of common color codes
Classic web-safe primaries — tap a Hex cell to copy.
| Color | Hex code | RGB code | HSL code |
|---|
All color tools
Twenty interactive utilities — same header, copy chips, and dark mode everywhere. Pick one below or open the full directory.
Color picker
HEX, RGB, HSL, HSV, CMYK, and OKLCH in one synced panel.
Open pickerContrast checker
WCAG AA and AAA ratios with live text preview.
Check contrastGradient generator
Linear, radial, and conic CSS with draggable stops.
Build gradientPalette generator
Complementary, triadic, analogous, and split harmonies.
Generate paletteColor converter
One anchor color, every format out — including OKLCH.
Open converterImage extractor
Sample dominant swatches from uploads in-browser.
Extract colorsTint & shade
Step mixes toward white and black for hover rails.
Open rampsColor mixer
Blend two swatches for midpoints and gradients.
Open mixerCSS variables
50–950 ramps with OKLCH-aware generation.
Build tokensTailwind snippet
theme.extend.colors from the same ramp engine.
Android colors.xml
Opaque HEX resources aligned with web ramps.
Generate XMLPopular tools
Everything runs in the browser — no account required.
FAQ
Is ChromaXP free?
Yes — core tools and references are free in the browser. Ad slots may appear in labelled areas to help cover hosting.
How is this different from other color code sites?
Reference hubs like HTML Color Codes excel at tables and pickers. ChromaXP keeps that scan-and-copy flow, then adds OKLCH-aware ramps, contrast linting, and token export so implementation work stays on one desk.
Do you upload my images?
The image extractor uses an in-browser canvas path by default. Server uploads, if ever added, would be opt-in and clearly labelled.
Which formats are supported?
HEX, RGB, HSL, HSV, CMYK, and OKLCH on picker and converter tools, plus CSS/Tailwind/Android export on token generators.