HexTints Blog — Hex Color Tips, Tints, Shades, and Tools

Dark Mode Color Palettes (With Hex Codes)

Ready-to-use dark-UI palettes — backgrounds, surfaces, text, and accent ramps with copyable hexes that pass WCAG contrast.

What tint base is, how base 1–4 and deep bases differ, and how colorant strength works — explained before your next paint-store trip.

Clear definitions of tints, tones, and shades with visual examples and hex formulas for each.

How color shades work in hex, with worked examples and practical guidance for dark mode, gradients, and design systems.

Understand the difference between tints, shades, and tones with visual examples and CSS code you can use today.

color-mix(), relative color syntax, Sass, Tailwind shade classes, and dependency-free JavaScript — with copy-paste code for each.

Turn a single hex into a full monochromatic palette — with WCAG-safe hover states and ready-to-paste design tokens.

A curated list of color pickers, palette tools, and generators — including HexTints.

How #RRGGBB maps to RGB, converting a hex pair by hand, shorthand and alpha, and a worked example of lightening a code.

One rule for every hover state, worked through on #2563EB with measured contrast ratios and copy-paste CSS tokens.

Ten palettes with hex codes and the measured contrast of every brand color — including the four that cannot carry white text.

What color psychology actually supports, why convention and contrast do the real work, and a worked brand-hex example.