Working palette
ColorDB is a sharper, more useful way to browse color.
ColorDB.org combines curated color pages, browser-based tools, and approachable learning guides in a static site that still feels energetic and visual. The goal is not to dump hex values, but to help people make better color decisions.
Anchor swatch
Red
#FF3B30
Start with one decisive color, then build quieter support tones and readable neutrals around it.
System snapshot
ColorDB connects palette direction, searchable references, and browser tools without leaving the page.
Curated pages
12
Editorial entries with usage notes and tool links.
Reference layer
Best-of directory
Broader searchable names sit under the curated ColorDB surface.
The Color Database
Start with a curated local dataset, filter by family and tag, and land on static detail pages that explain practical use cases, related colors, and connections to tools.
The architecture is ready for future normalization of the `color-name-list` npm dataset without turning the site into thin auto-generated pages.
The Color Tools
Tools live as focused client components inside feature folders, while the routes around them stay static and indexable.
This first pass includes a working palette generator plus structured pages for conversion, contrast, gradients, and shades and tints.
The Learning Section
Educational pages explain color formats, theory basics, and accessibility so the site adds original value beyond raw color data.
Those guide pages are designed to cross-link naturally with colors, families, and tools.
Starter coverage
The current foundation ships with 12 curated colors across 3 families and 6 tool routes.
Learn next
The first editorial pages establish the voice and internal linking structure for future educational content.
Color Theory Basics: Hue, Saturation, Value, and HarmonyA practical introduction to hue, saturation, value, harmony, and how those ideas show up in real design work.RGB, HEX, HSL, and HSV: Understanding Common Color FormatsUnderstand the common color formats used across design tools, CSS, graphics workflows, and browser utilities.Color Accessibility and Contrast: Designing Readable InterfacesLearn how contrast ratios, perception, and interface choices affect readability and accessibility.
Explore
Move from overview to reference
Use the color database when you need concrete values, tags, and family-level browsing.
Curated entries and reference names
Compare
Compare families
Family pages group warm, cool, and neutral colors so the library is easier to navigate than a flat list.
Warm, cool, and neutral paths
Build
Open browser tools
Palette, gradient, contrast, and conversion routes are designed to stay useful even before every interaction ships.
Practical color workflows in one index
Understand
Build color judgment
The learning section connects theory and accessibility back to practical color decisions.
Theory, notation, and accessibility