PALETTEUI
Color, clarified — palette generators, contrast checkers, and the color tools every designer needs.
From generating a harmonious palette and checking WCAG contrast to converting HEX, RGB, and HSL, simulating color blindness, building gradients, and naming a color, PaletteUI pairs free hands-on color tools with practical design guides and a richly illustrated color museum. Design smarter, see clearer.
Color Tools & Calculators
Free tools for working with color — WCAG contrast ratio, hex-to-RGB and RGB-to-hex, tint and shade builders, and an alpha-blend preview.
Contrast Ratio Calculator
Check the WCAG contrast ratio between two colors' luminances — the number that decides whether text is readable and your UI passes AA and AAA accessibility
Hex to RGB Converter
Turn a hex color code into its red, green, and blue channel values — the everyday conversion for moving a brand color between design tools and CSS
RGB to Hex Converter
Convert red, green, and blue channel values into a clean hex code — paste from a color picker and get the string your stylesheet needs
Tint Calculator
Mix a color toward white by any percentage to build a lighter tint — generate the soft, airy steps of a palette from a single base color
Shade Calculator
Darken a color toward black by any percentage to build a deeper shade — round out a palette with rich, grounded tones from one starting color
Alpha Blend Calculator
See the flat color a semi-transparent layer produces over a background — predict exactly what an overlay or tint at a given opacity will look like
The Color Museum
Wander an illustrated museum of color — the theory of the color wheel and harmony, the models and systems from RGB to Pantone, the meaning and psychology of individual colors, and the storied pigments and dyes from ultramarine to Tyrian purple, each in its own gallery, drawn entirely from Wikipedia and Wikimedia Commons.
Tour the museum →From the Journal
Fresh guides on color theory and harmony, building palettes, contrast and accessibility, color models and codes, and the psychology of color in branding and UI.
The Artful Science of Color Hierarchy: Designing Visual Impact Through Strategic Palette Choices
The Artful Science of Color Hierarchy: Designing Visual Impact Through Strategic Palette Choices In the ever-evolving landscape of digital design, understanding how colors interact is not merely an aesthetic choice—it’s…
The Artistry of Color Gradients: Mastering Transitions in Design
The Artistry of Color Gradients: Mastering Transitions in Design In today’s visually driven world, color gradients have emerged as powerful tools that transform static visuals into dynamic experiences. Whether you’re…
The Chromatic Revolution: Unveiling 2024’s Most Influential Color Trends for Designers and Creators
The Chromatic Revolution: Unveiling 2024’s Most Influential Color Trends for Designers and Creators In an era where visual storytelling reigns supreme, color has emerged as a silent yet powerful protagonist…
The Science Behind Color Accessibility: Creating Inclusive Designs That Work for Everyone
The Science Behind Color Accessibility: Creating Inclusive Designs That Work for Everyone In an era where digital experiences shape our daily lives, ensuring that every user can access information regardless…
The Strategic Palette: Mastering Branding Colors for Impactful Visual Identity
The Strategic Palette: Mastering Branding Colors for Impactful Visual Identity In today’s visually driven marketplace, branding colors serve as the silent ambassadors of your brand’s personality, values, and emotional resonance….
The Chromatic Code: How Color Psychology Shapes Perception, Behavior, and Design Decisions
The Chromatic Code: How Color Psychology Shapes Perception, Behavior, and Design Decisions In an era where visual communication dominates digital interactions, understanding the silent language of colors has become essential….
Keep Learning
Practical know-how on choosing and combining color, plain-language explainers on color models, contrast, and accessibility, and seasoned tips for designers and brand builders alike — everything you need to dig deeper and design with confidence.
Visit the Learn hub →