HUE PARCEL
COLOR WORKTABLE / 01

Color Palette Generator

Generate color palettes, lock shades you like, and explore combinations for websites, illustrations, presentations, and personal projects.

Swipe sideways to see all five swatches.

01
#23395B
02
#406E8E
03
#8EA8C3
04
#F1E9DA
05
#D98262

Your Colors, Listed

RGB values and lock status are calculated from the live worktable. Nothing here is a static sample.

SWATCHHEXRGBSTATUS

Check Color Contrast

This color contrast checker measures text against a background using WCAG relative luminance. Passing two colors does not mean an entire website is accessible.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Contrast ratio 21.00:1

AA normal text (4.5:1)
—
AA large text (3:1)
—
AAA normal text (7:1)
—
AAA large text (4.5:1)
—

Explore Color Combinations

Eight ready-made collections. Load Palette replaces the worktable. If any swatch is locked, you will be asked to confirm.

How Colors Relate

Example colors from the current first swatch:

Start With One Color

See the Colors in Context

These mockups use the current palette. They are layout sketches, not accessibility certificates. Check pairs in the contrast laboratory.

    JOURNAL

    Editorial website

    A short paragraph set against the surface and background roles from the live palette.

    Accent link

    Presentation slide

    Subtitle using the current text role.

    Label A · Label B

    Simple poster

    Accent block with supporting text.

    Color Reference Notebook

    What Is a HEX Color?

    A six-digit HEX code names an sRGB color as three channels: red, green, and blue, each from 00 to FF. #23395B is a dark blue used in the initial worktable.

    Practical use: copy HEX into CSS color or background. HEX codes explained.

    RGB vs HSL

    RGB stores light per channel. HSL stores hue, saturation, and lightness, which is how this generator walks the wheel without treating every channel independently.

    Practical use: keep hue, change lightness to build a monochromatic ramp. Open the generator.

    Complementary Colors

    Complements sit opposite on the hue circle, near 180 degrees. They can feel sharp if both are strong.

    Practical use: one as field, one as accent. Scheme types.

    Analogous Colors

    Neighbors on the wheel, often within a few dozen degrees. They tend to sit together with less friction.

    Practical use: backgrounds and related UI chrome. Color relationship diagram.

    Triadic Colors

    Three families near 120-degree spacing. Useful when you need more than one accent, if saturation stays moderate.

    Practical use: one dominant, two supporting notes. Start with one color.

    Color Contrast Basics

    Contrast ratio compares relative luminance of two sRGB colors. AA normal text needs 4.5:1; large text 3:1. AAA is stricter.

    Practical use: test type against fills in the contrast laboratory. Contrast guide.

    Guides

    How to Use a Color Palette GeneratorLock swatches, pick a mode, copy HEX, export CSS. How to Choose Color Combinations That Work TogetherHue, saturation, lightness, and hierarchy. Complementary vs Analogous vs Triadic Color SchemesThree wheel relationships, with diagrams. Understanding HEX Color Codes for BeginnersSix digits, RGB channels, CSS examples. How to Check Color Contrast for Readable TextWCAG ratios and the limits of a two-color test.

    About and Contact

    Hue Parcel is an independent informational resource with browser-based color tools and practical guides. It is not a design studio and does not sell palettes.

    Kevin Deane
    2825 Windy Hill Rd SE Apt 2305
    Marietta, GA 30067
    [email protected]

    About · Contact · Privacy Policy