text-inherit
color: inherit;
text-current
color: currentColor;
text-<color-name>
color: <value>;
text-red-500
color: var(--color-red-500);
text-<color-name>/<opacity>
text-red-500/42
color: color-mix(in oklab, var(--color-red-500) 42%, transparent);
text-[<value>]
text-[#ff0000]
color: #ff0000;
text-[<value>]/<opacity>
text-[#ff0000]/42
color: rgba(255,0,0,0.42);
text-(<custom-property>)
color: var(<custom-property>);
text-(--my-color)
color: var(--my-color);
text-(color:<custom-property>)
text-(color:--my-color)
© 2025, Fynydd LLC / King of Prussia, Pennsylvania; United States / +1 855-439-6933
By using this website you accept our privacy policy. Choose the browser data you consent to allow: