Custom Color Screen

    Display any color in fullscreen. Pick from the wheel, enter a hex code, or adjust RGB sliders.

    Click for fullscreen
    #3B82F6 · rgb(59, 130, 246) · hsl(217°, 91%, 60%)

    Color Picker

    HEX: #3B82F6
    RGB: rgb(59, 130, 246)
    HSL: hsl(217°, 91%, 60%)

    Presets

    Read the complete guide for in-depth tips and troubleshooting.

    What Is a Custom Color Screen?

    A custom color screen displays any hex color fullscreen — perfect for brand matching, design reference, mood lighting, and creative shoots. Enter #RRGGBB and fill your monitor edge to edge without image files or compression artifacts.

    How to Use a Hex Color Screen

    1. Type your hex code with or without #
    2. Preview the color on screen
    3. Enter fullscreen for photography or lighting
    4. Adjust monitor brightness for your environment
    5. Save the hex for future projects

    Custom Hex Color Uses

    Brand colors

    Match corporate palettes on set

    UI design

    Compare components against exact hex

    Mood lighting

    Any ambiance color instantly

    Photo gels

    Preview gel colors digitally

    Monitor tests

    Solid fields for calibration

    Social content

    Unique reel backgrounds

    Related Tools

    Green ScreenBlue ScreenPink ScreenWhite Screen

    Frequently Asked Questions

    What can I use a custom color screen for?

    A custom color screen has many uses: monitor testing (checking color accuracy and uniformity), photography and video lighting (using your screen as a colored fill light), chroma key (displaying precise green or blue for video production), mood lighting (setting a specific color atmosphere), and dead pixel detection (cycling through colors to spot defects).

    How do I enter a specific hex color code?

    Type your hex code directly into the Hex Code input field. Include the # symbol (e.g., #FF5733). The screen updates in real time as you type. You can also use the native color picker by clicking the color swatch, or adjust the RGB sliders to fine-tune any color.

    What is the difference between hex, RGB, and HSL?

    Hex (#FF5733) is a 6-digit code used in web design. RGB (255, 87, 51) specifies the red, green, and blue components from 0-255. HSL (14°, 100%, 60%) describes hue (color angle), saturation (intensity), and lightness. All three describe the same color — the tool shows all three values simultaneously.

    What is the correct green for chroma key?

    The standard chroma key green is #00B140 (also called "chroma green"). This specific shade is included in the presets. For blue screen, use #0047AB (chroma blue). These colors are calibrated to be as far from human skin tones as possible, making background removal easier in video editing software.

    Can I save my custom colors?

    The tool remembers your last color during your session. For permanent saving, copy the hex code using the copy button and save it in your notes or design tool. The 12 preset colors cover the most common use cases including chroma key green, warm white, cool white, and pure black.