Select or Enter a Color
Translucent Variant of Solid
How to use this tool:
You can enter a CSS color name, any hex number (3, 6, or 8 digits), 3-4 decimal numbers, a number and two percentages with optional alpha.
You can use valid CSS properties or just values. Anything reasonable should be interpreted as a color that will be shown immediately in other valid CSS values.
Solid colours will also have a translucent variant shown that can be used to pick colors that show a comparable contrast on both light (black text on white) and dark (white text on black) themes.
Want a customizable colored light that can work across multiple monitors?
Try LightMeUp — very handy if you are recording video or taking photos and want to illuminate your face with the perfect light color for a professional look without spending money on lighting.