Web Color Guides
Learn color codes, conversions, contrast and palettes with practical guides connected to our free tools.
OKLCH in CSS: A Practical Guide to Perceptual Web Colors
Learn the OKLCH color model, write modern CSS colors, create consistent scales and handle sRGB gamut limits with practical examples.
Read guideDark Mode Color Palette: Contrast, Surfaces and Accessible UI
Build a dark mode palette with layered surfaces, readable text, accessible accents and practical CSS variables.
Read guideColor Design Tokens: Naming CSS Variables for Scalable UI
Organize palette, semantic and component color tokens for CSS, design systems, themes and accessible interfaces.
Read guideData Visualization Color Palettes for Charts and Dashboards
Choose categorical, sequential and diverging palettes for readable charts, accessible dashboards and meaningful data states.
Read guideHTML Color Codes Guide: HEX, RGB, HSL and CSS Color Names
Learn how HTML color codes work, when to use HEX, RGB or HSL, and how to choose accessible CSS colors for modern websites.
Read guideHEX to RGB: How to Convert Color Codes for CSS
Convert HEX color codes to RGB values, understand the formula, and copy ready-to-use CSS examples.
Read guideWCAG Contrast Checker Guide for Accessible Text Colors
Learn how WCAG contrast ratios work and how to choose accessible text and background colors for websites.
Read guideCSS Color Names List: When to Use Named HTML Colors
Explore CSS named colors, their limits, and how to use names like red, navy, gold, coral and teal in real projects.
Read guideTailwind Color Palette Guide for Web UI Design
Use Tailwind color palettes for buttons, backgrounds, borders, alerts and accessible UI states.
Read guideMinecraft Color Codes Guide for Chat, MOTD and Server Text
Learn Minecraft color and formatting codes for server MOTD, chat messages, signs and styled text.
Read guideWebsite Color Schemes: Practical Palettes for Modern UI
Learn how to build website color schemes with primary, secondary, background, text and accent colors.
Read guidePastel Color Palette Guide for Soft Web Design
Use pastel color palettes for calm, friendly interfaces while keeping text contrast readable.
Read guideNeutral Color Palette Guide: Gray, Beige, Slate and Off-White
Build clean neutral palettes for professional websites, dashboards and readable content pages.
Read guideGradient Color Combinations for CSS Backgrounds
Create balanced CSS gradient combinations for hero sections, cards, buttons and decorative backgrounds.
Read guideBrand Color Palette Guide for Logos, Websites and UI
Choose brand colors that stay consistent across logos, websites, buttons, social images and product interfaces.
Read guideAccessible Color Palette Guide for WCAG-Friendly UI
Design accessible color palettes for readable text, buttons, states and dashboards with WCAG contrast in mind.
Read guide