X.com

Solid Background Guide

Use solid backgrounds when you need a clean color field for a wallpaper, presentation, mockup, video matte, or product shot. Open any shade below to copy exact HEX/RGB values and download HD files instantly.

Choose for the final screen

Start with the aspect ratio and resolution where the image will appear. Use landscape files for monitors and slides, portrait files for phones, and square files for social layouts.

Check text contrast

Light backgrounds usually need dark text and dark backgrounds usually need light text. Preview the finished combination at its actual size before publishing it.

Keep the color exact

Each color page lists HEX, RGB, and HSL values. Copy those values into your design system when the downloaded image and the rest of a layout need to match precisely.