Color Converter
Convert units with the Color Converter — enter a value and get accurate converted results instantly using verified formulas.
Formula
HEX = #RRGGBB where each pair is base-16 (00-FF)
Each color format represents the same color differently. HEX uses hexadecimal, RGB uses decimal 0-255, HSL uses hue angle and percentages, CMYK uses ink percentages for printing.
Worked Examples
Example 1: Convert HEX to RGB
Problem:Convert the hex color #3B82F6 (blue) to RGB format.
Solution:HEX #3B82F6:\n3B = 59 (3×16 + 11 = 59)\n82 = 130 (8×16 + 2 = 130)\nF6 = 246 (15×16 + 6 = 246)\n\nResult: rgb(59, 130, 246)
Result:rgb(59, 130, 246)
Example 2: Create a Darker Shade
Problem:Make a color 30% darker using HSL.
Solution:Original: hsl(210, 90%, 55%)\nTo darken, reduce Lightness by 30%:\n55% - 30% = 25%\n\nResult: hsl(210, 90%, 25%)\n\nKeep hue and saturation, only adjust lightness for consistent shade variations.
Result:hsl(210, 90%, 25%)
Example 3: RGB to CMYK for Print
Problem:Convert rgb(255, 128, 0) orange to CMYK for printing.
Solution:RGB: R=255, G=128, B=0\n\nStep 1: Normalize to 0-1\nR'=1, G'=0.502, B'=0\n\nStep 2: Find K (black)\nK = 1 - max(R',G',B') = 1 - 1 = 0\n\nStep 3: Calculate CMY\nC = (1-R'-K)/(1-K) = 0%\nM = (1-G'-K)/(1-K) = 50%\nY = (1-B'-K)/(1-K) = 100%
Result:cmyk(0%, 50%, 100%, 0%)
Frequently Asked Questions
What is HEX color format?
HEX (hexadecimal) color uses a 6-digit code with numbers 0-9 and letters A-F. It starts with # and represents Red, Green, Blue values (2 digits each). For example, #FF0000 is pure red (FF=255 red, 00=0 green, 00=0 blue). HEX is the most common format for web design and CSS.
What is a Web Safe Color?
Web Safe colors are a set of 216 colors that were guaranteed to display correctly on 8-bit monitors (256 colors) in the 1990s. They are formed by combining 00, 33, 66, 99, CC, FF pairs. While less relevant today with modern displays, they are part of web history.