Modern UI Design Presets
Bidirectional Color Channel Controls
Complete CSS & Developer Formats
Step-by-Step Conversion Math & Formulas
Each hex pair represents an 8-bit integer ($0-255$) calculated using base-16 positional multiplication: Decimal = (16 × High Nibble) + Low Nibble.
*3-digit shorthand codes (e.g. #F80) expand by character duplication (#FF8800) before positional expansion.
Plain-Text Itemized Color Diagnostic Receipt
Loading receipt...
Frequently Asked Questions
Each 2-character pair in a 6-digit hex code represents a channel: Red, Green, and Blue. To convert, multiply the first hex digit by 16 and add the second digit. For example, in #10B981: Red is (16 × 1) + 0 = 16, Green is (16 × 11) + 9 = 185, and Blue is (16 × 8) + 1 = 129, resulting in rgb(16, 185, 129).
In 3-digit shorthand CSS hex notation, each single character is duplicated to form a full 2-character byte. For instance, #F80 expands to #FF8800 (Red 255, Green 136, Blue 0), and #FFF expands to #FFFFFF (Pure White).
An 8-digit hex code (#RRGGBBAA) includes two trailing characters representing the alpha (opacity) channel from 00 (0% opacity, completely transparent) to FF (100% opacity, completely opaque). For example, #10B98180 represents 50% opacity, translating to rgba(16, 185, 129, 0.5).
Yes! All conversions, math calculations, and color preview renderings execute 100% locally in your browser's JavaScript engine. No color values or keystrokes are ever sent to any remote server.
Relative luminance measures the perceived brightness of a color relative to pure white (1.0) and pure black (0.0) based on human eye sensitivity (where green light contributes 71.5% of perceived brightness). This tool calculates contrast ratios to ensure your text and color choices meet WCAG AA (4.5:1) or AAA (7:1) accessibility guidelines.