HubLibraryColor PickerColor ConverterPalette GeneratorImage Color ExtractorContrast CheckerCSS Gradient GeneratorColor MixerRandom Color

Color guides

Practical articles on codes, combinations, branding, and contrast — linked to the live library and tools.

GuideComplete Color Code Guide

Learn how HEX, RGB, RGBA, HSL, HSV, and CMYK color codes work, when to use each format, and how to copy codes from the K

Read →
GuideHow HEX Colors Work

A plain-language explanation of hexadecimal color codes, channels, and CSS usage with examples from the color library.

Read →
GuideHEX vs RGB vs CMYK

Compare HEX, RGB, and CMYK — when each format wins for web, UI, and print workflows.

Read →
GuideHow to Choose Website Colors

A practical process for picking primary, secondary, accent, background, and text colors for websites and apps.

Read →
GuideBest Color Combinations

Complementary, analogous, triadic, and split-complementary combinations with links to live examples.

Read →
GuideColor Psychology Guide

How red, blue, green, and other families commonly feel in branding — without overclaiming universal meanings.

Read →
GuideWeb Design Color Guide

UI color roles — primary, secondary, accent, surface, text — and how to keep interfaces readable.

Read →
GuideBrand Color Guide

Build a small, memorable brand palette and document HEX codes for designers and developers.

Read →
GuideAccessible Color Contrast Guide

WCAG AA and AAA contrast ratios explained, with tips for text, large text, and UI components.

Read →
GuidePastel Color Guide

What makes a pastel, where to use soft colors, and how to keep contrast readable.

Read →
GuideNeon Color Guide

Using neon and electric colors for logos, nightlife, and high-energy creatives without wrecking readability.

Read →
GuideWarm vs Cool Colors

Understand warm and cool color temperature and how to balance both in a palette.

Read →