The CSS `color` property

Sets the foreground text color and provides an inherited base color for borders and many visual effects.

7,403 effects in the catalog use this property.

Syntax

color: <color>;

Watch out

The `currentColor` keyword reuses this value. A component with `border-color: currentColor` automatically updates its border whenever its text color changes.

Effects using color

All CSS properties

These are working effects from the catalog. Open a tile to inspect the full source.

Abalone Shellbtn-abalone

Church Togglecheck-church

Power On Togglecheck-power

Bronze Achievement Cardcard-achievement-bronze

Alpine Peakbtn-alpine

3D Parallax Tilthover-3d-parallax

Alarm Cardcard-alarm

Laptop Work Togglecheck-laptop

background9048 text-shadow694 -webkit-text-fill-color249

Syntax

Effects using color

Related properties