- Should buttons get lighter or darker on hover?
- Should buttons have hover states?
- What color should my button hover be?
Should buttons get lighter or darker on hover?
Darker seems more natural. If anything, a physical button would appear slightly darker when you touch it because your hand is casting a shadow. Lighter (illuminated) might signal that the button is waking up at the moment it's needed, like a fog light, refrigerator light, or moving sidewalk.
Should buttons have hover states?
Hover: The hover state is specific to web design as mobile devices don't typically support a hover interaction. This is the state that a button will be in as the mouse cursor rolls over the button on the screen.
What color should my button hover be?
When you hover over an item, you want to make it stand out (or “pop”) from the rest of the clutter. To make the button stand out on a white background, use a darker color for the text. To make the button stand out against the black background, use LIGHTEN to increase the contrast.