Pick a color and make all the adjustments you need by using the tools below. The color you pick is combined with basic font colors (black and white) and various effects (with or without shadow) to check how the picked color would behave as a background. You can also use the lightness bar on the left to adjust this dimension.
Pick a Color:
Or Enter a Color:
Wrong Input
Or Use HTML5:
Note: you can use the color picker eyedropper to click on any color on your screen.
Selected Color:
Black Text
Shadow
White Text
Shadow
RGB (Red, Green, Blue) Varations
You can use the Red, Green and Blue sliders on the left to generate a variation of the picked color and compare the two.
| Red | Green | Blue |
|---|---|---|
Color Dimensions
Different variations of the picked color in different dimensions (Hue, Saturation and Lightness) are shown on the tables hereafter.