Custom Color Screen

Choose from the 80-color curated palette for instant results

Or type any 6-digit hex code (e.g. #1A2B3C) directly

Adjust R, G, B sliders for precise numerical control

Use the native color picker for visual color selection

Click Fullscreen to expand the color across your entire display

Hex Codes, RGB, and HSL

Hex codes are the most universal color format — a 6-digit combination of red, green, and blue channel values written in base 16 (e.g., #FF5733). RGB notation expresses the same values on a 0–255 scale per channel. HSL (hue, saturation, lightness) is intuitive for choosing colors by appearance. This tool accepts hex input and provides RGB sliders so you can approach color from whichever angle you prefer.

Photography: Colored Fill Light

A screen displaying a solid, saturated color becomes a practical colored fill light for product photography and video. Red, orange, and yellow hues add warmth; cyan and blue create cool separation. The effect is most visible when shooting in a dim room with the screen angled slightly off-axis. Adjust brightness in the settings panel to control the light intensity without changing exposure settings.

Color Grading and Display Calibration

Video editors and colorists use specific reference colors — 75% white, 100% red, legal limits — to verify monitor accuracy before grading. A custom color screen displaying the exact hex value needed provides a fast, free reference without requiring dedicated calibration hardware. Compare the displayed color against a physical Pantone chip to assess monitor color accuracy.

Accessibility and WCAG Testing

WCAG 2.1 AA requires a minimum 4.5:1 contrast ratio for body text. Visualizing background and text color combinations at full scale helps UX designers catch low-contrast pairings before development. Use a custom color screen to generate the exact background hex, then hold printed or on-screen text samples against it to evaluate legibility across different lighting conditions.

Brand Color Presentations

Designers presenting brand identity work can display primary, secondary, and accent colors at full-screen scale to communicate how a color feels in context — not just as a chip in a style guide. A 15-inch laptop screen displaying a brand's exact blue communicates more than a 1-inch swatch. Use the keyboard to cycle between colors during a live client presentation.

Interior Design and Paint Matching

Match wall paint swatches against digital color codes by holding the swatch directly against the screen. While monitors vary in color accuracy, this technique helps confirm whether a physical paint color leans warm or cool compared to a reference hex code. Use in combination with indirect natural light for the most accurate comparison — avoid direct sunlight, which oversaturates the screen.

You can choose a color using the palette grid, typing a hex code (e.g. #FF5733), entering R/G/B values individually, or using the native color picker. All inputs stay synchronized in real time.