Select or Enter a Color
On White
On Black
Translucent
On White
On White
Translucent
Translucent
On Black
On Black
| name | |
|---|---|
| hex | |
| rgb | |
| hsl |
Translucent Variant of Solid
This version of a light color looks the same on white but darker on dark colors.
| hex8 | |
|---|---|
| rgba | |
| hsla |
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.