Hex Color Text
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Color Picker
Open full page →Color Values
Shades
Tints
Color Wheel
Open full page →Palette Preview
Browse All Colors
Hex codes, Tailwind matches, Pantone equivalents & color blindness simulations
blue Colors
red Colors
green Colors
purple Colors
orange Colors
pink Colors
brown Colors
gray Colors
What is Hex Color Text?
Hex color text refers to using hexadecimal color codes to style and color text on websites, documents, and digital media. A hex color code is a six-character code preceded by a hash symbol (#) that represents a specific color using the RGB (Red, Green, Blue) color model. For example, #FF0000 is pure red, #0000FF is blue, and #000000 is black.
Our hex color text tool lets you instantly preview how any text will look in a specific hex color on a specific background. Simply paste your hex codes, choose a font, adjust the size, and see the result in real-time.
How Hex Color Codes Work
Hex color codes use a base-16 (hexadecimal) numbering system. Each code consists of three pairs of characters, where each pair controls one color channel: Red, Green, and Blue. Values range from 00 (no intensity) to FF (maximum intensity, or 255 in decimal). With three channels each having 256 possible values, there are exactly 16,777,216 unique hex colors.
Common Hex Color Codes
Popular blue hex codes include #0000FF (pure blue), #1E90FF (Dodger Blue), and #000080 (Navy). Other searched color hex codes: #FF0000 (Red), #00FF00 (Lime Green), #FFD700 (Gold), and #800080 (Purple).
Text Color in CSS
In CSS, apply a hex color to text with the color property: color: #FF6600; sets text to bright orange. For backgrounds: background-color: #F5F5F5;. Our tool generates the exact CSS you need, ready to copy and paste.