Color Directory
Browse our comprehensive collection of colors for web design and development. Find color codes in RGB, HEX, HSL formats, explore color harmonies, and use our conversion tools.
Color Categories
Explore our comprehensive collection of color categories:
Basic Colors
Special Effect Colors
Seasonal Colors
Color Theory
Professional Color Standards
Understanding Color Codes for Web Design
Colors on the web are represented using various formats, each with its own advantages. The most common formats are HEX (hexadecimal), RGB (Red, Green, Blue), and HSL (Hue, Saturation, Lightness).
HEX codes like #FF5733 are widely used in CSS and HTML.RGB values (255, 87, 51) offer precise control over each color channel.HSL values (14, 100%, 60%) provide an intuitive way to adjust colors based on human perception.
Our color directory helps you find the perfect colors for your web design projects, with easy conversion between formats and exploration of color relationships.
Find a Color
Basic Colors
↑ Back to topFundamental colors that form the building blocks of web design and digital art. These essential hues include primary colors (red, blue, yellow), secondary colors, and common variations.
Red
Crimson
Firebrick
Dark Red
Indian Red
Tomato
Green
Lime
Forest Green
Sea Green
Medium Spring Green
Olive
Red Colors
↑ Back to topVibrant red hues ranging from bright scarlet to deep crimson. Red colors evoke passion, energy, and intensity, making them perfect for creating visual impact in designs.
Green Colors
↑ Back to topRefreshing green shades from lime to forest green. Green represents nature, growth, and harmony, ideal for creating balanced and calming designs.
Blue Colors
↑ Back to topSerene blue tones from sky blue to navy. Blue conveys trust, stability, and professionalism, making it a popular choice for corporate and tech designs.
Yellow Colors
↑ Back to topBright yellow shades from pale lemon to deep gold. Yellow represents optimism, creativity, and energy, perfect for highlighting important elements.
Purple Colors
↑ Back to topRich purple hues from lavender to deep violet. Purple symbolizes luxury, creativity, and wisdom, adding sophistication to any design.
Pink Colors
↑ Back to topSoft pink tones from pale rose to hot pink. Pink conveys femininity, romance, and playfulness, ideal for fashion and beauty designs.
Orange Colors
↑ Back to topWarm orange shades from peach to burnt orange. Orange represents enthusiasm, creativity, and warmth, perfect for energetic and friendly designs.
Web Safe Colors
↑ Back to topA palette of 216 colors that display consistently across different browsers and platforms, ideal for cross-browser compatibility.
Red
Green
Lime
Olive
Blue
Navy
Yellow
Purple
Black
White
Gray
Silver
Material Design Colors
↑ Back to topColors from Google's Material Design system, featuring vibrant hues with various shades and tints for modern UI design.
Material Red
Material Pink
Material Purple
Material Deep Purple
Material Indigo
Material Blue
Material Light Blue
Material Cyan
Material Teal
Material Green
Material Light Green
Material Lime
Pastel Colors
↑ Back to topSoft, light colors with low saturation that create a gentle, soothing aesthetic perfect for backgrounds and subtle design elements.
Pastel Pink
Pastel Orange
Pastel Yellow
Pastel Green
Pastel Blue
Pastel Purple
Pastel Mint
Pastel Lavender
Pastel Peach
Pastel Lilac
Pastel Coral
Pastel Turquoise
Neon Colors
↑ Back to topBright, vibrant colors with high saturation that create a bold, energetic look perfect for attention-grabbing elements and modern designs.
Metallic Colors
↑ Back to topShimmering colors that mimic the appearance of polished metals. Metallic colors add luxury, elegance, and a premium feel to designs, perfect for high-end branding and special occasions.
Earth Tone Colors
↑ Back to topNatural, muted colors inspired by soil, stone, foliage, and wood. Earth tones create warm, grounding designs that convey stability, reliability, and organic authenticity.
Autumn Colors
↑ Back to topRich, warm colors inspired by fall foliage and harvest. Autumn colors include deep reds, oranges, yellows, and browns that evoke coziness, tradition, and seasonal change.
Winter Colors
↑ Back to topCool, crisp colors inspired by winter landscapes and holiday traditions. Winter colors include icy blues, deep greens, rich reds, and pristine whites that evoke serenity, elegance, and celebration.
Spring Colors
↑ Back to topFresh, bright colors inspired by spring blossoms and new growth. Spring colors include soft pinks, yellows, greens, and blues that evoke renewal, vitality, and optimism.
Summer Colors
↑ Back to topVibrant, sun-soaked colors inspired by beaches, tropical settings, and outdoor activities. Summer colors include bright blues, corals, yellows, and greens that evoke energy, fun, and relaxation.
Monochromatic Colors
↑ Back to topColor schemes based on a single hue with variations in saturation and brightness. Monochromatic colors create harmonious, sophisticated designs with visual cohesion and depth.
Analogous Colors
↑ Back to topColor schemes using hues that are adjacent on the color wheel. Analogous colors create harmonious, cohesive designs with a natural flow and subtle contrast.
Complementary Colors
↑ Back to topColor schemes using hues that are opposite on the color wheel. Complementary colors create vibrant, high-contrast designs with visual tension and dynamic energy.
Triadic Colors
↑ Back to topColor schemes using three hues equally spaced on the color wheel. Triadic colors create balanced, vibrant designs with rich visual interest and harmonious contrast.
Tetradic Colors
↑ Back to topColor schemes using four hues arranged in two complementary pairs on the color wheel. Tetradic colors create rich, complex designs with multiple contrast relationships and versatile accent options.
Split Complementary Colors
↑ Back to topColor schemes using a base hue and the two hues adjacent to its complement. Split complementary colors create vibrant designs with less tension than pure complementary schemes.
Black and White Colors
↑ Back to topThe ultimate high-contrast combination using pure black and white. Black and white creates timeless, elegant designs with clarity, simplicity, and dramatic impact.
Gradient Colors
↑ Back to topSmooth transitions between two or more colors. Gradients create depth, dimension, and visual interest in designs, adding a modern and dynamic aesthetic.
Iridescent Colors
↑ Back to topShifting, rainbow-like colors that change appearance based on viewing angle. Iridescent colors create magical, futuristic designs with a sense of movement and transformation.
Transparent Colors
↑ Back to topColors with varying levels of opacity that allow underlying elements to show through. Transparent colors create layered, sophisticated designs with depth and subtle interactions.
Pantone Colors
↑ Back to topStandardized colors from the Pantone Matching System widely used in design and printing. Pantone colors ensure consistency across different media and applications.
CMYK Colors
↑ Back to topColors optimized for the four-color printing process using Cyan, Magenta, Yellow, and Key (black) inks. CMYK colors ensure accurate reproduction in printed materials.
RGB Colors
↑ Back to topColors optimized for digital displays using Red, Green, and Blue light. RGB colors ensure accurate reproduction on screens, monitors, and digital devices.
Color Tools
Our color tools help you work with colors efficiently for your web design and development projects.
RGB to HSL Converter
Convert RGB color values to HSL (Hue, Saturation, Lightness).
Coming SoonSoonColor Theory and Categories
Understanding color theory is essential for creating visually appealing and effective web designs. Colors evoke emotions, establish brand identity, and guide user interactions. Our comprehensive directory includes over 200 colors across 30 categories to help you find the perfect palette.
Basic and Web Colors
Explore fundamental colors like primary and secondary hues, as well as web-safe colors that display consistently across browsers. From basic RGB values to material design palettes, these colors form the foundation of digital design.
Seasonal and Thematic Colors
Discover colors organized by seasons (spring, summer, autumn, winter) and themes like earth tones, neon, and metallic. These curated palettes help create designs with specific moods and associations perfect for seasonal campaigns or themed projects.
Color Theory Categories
Learn about color relationships with our color theory categories including monochromatic, analogous, complementary, triadic, and split-complementary schemes. Understanding these relationships helps create harmonious designs with proper balance and contrast.
Special Effect Colors
Explore unique color categories like gradients, transparent colors, and iridescent hues that add depth and visual interest to your designs. These special effect colors help create modern, dynamic interfaces with a sense of dimension.
Professional Color Standards
Access industry-standard color systems including Pantone colors, CMYK values for print design, and RGB codes optimized for digital displays. These standardized colors ensure consistency across different media and applications.