Color Converter

HEX Color Format

Hexadecimal (HEX) color codes use 6 digits representing Red, Green, and Blue values (RGB). Each color channel uses two hexadecimal digits (00-FF), allowing 256 levels per channel and 16.7 million total colors. HEX is the standard format for HTML/CSS web colors. The format is #RRGGBB where RR=Red, GG=Green, BB=Blue.

Example: #FF0000 = Pure Red, #00FF00 = Pure Green, #0000FF = Pure Blue

Range: #000000 (black) to #FFFFFF (white)

RGB Color Model

RGB (Red, Green, Blue) is an additive color model where colors are created by combining red, green, and blue light at different intensities. Each channel ranges from 0-255. RGB is used in digital displays like monitors and TVs. The format is rgb(R, G, B) where values are decimal numbers.

Example: rgb(255, 0, 0) = Red, rgb(0, 255, 0) = Green, rgb(0, 0, 255) = Blue

Use: Web design, digital displays, HTML/CSS colors

HSL Color Model

HSL (Hue, Saturation, Lightness) describes colors in a more intuitive way. Hue (0-360°) represents the color wheel position, Saturation (0-100%) represents color intensity, and Lightness (0-100%) represents brightness. HSL is easier for designers to work with because it separates color from brightness.

Example: hsl(0°, 100%, 50%) = Pure Red, hsl(120°, 100%, 50%) = Pure Green

Advantage: Intuitive color selection for designers

HSV Color Model

HSV (Hue, Saturation, Value) is similar to HSL but replaces Lightness with Value. Hue (0-360°) is the color, Saturation (0-100%) is color intensity, and Value (0-100%) is brightness. HSV is widely used in color picker tools and design software because it provides better control over tint and shade.

Example: hsv(0°, 100%, 100%) = Pure Bright Red

Use: Design software, color pickers, digital art

CMYK Color Model

CMYK (Cyan, Magenta, Yellow, Black/Key) is a subtractive color model used in printing. Each color is represented as a percentage (0-100%) of the ink used. Unlike RGB which adds light, CMYK subtracts light from white paper. The black (K) channel is added for better black printing and efficiency.

Example: cmyk(100%, 100%, 0%, 0%) = Blue, cmyk(0%, 100%, 100%, 0%) = Red

Use: Professional printing, print design, offset printing

Color Theory Basics

Color theory involves understanding how colors interact and relate to each other. The color wheel is divided into primary, secondary, and tertiary colors. Complementary colors are opposite on the color wheel and create high contrast. Analogous colors are adjacent on the wheel and create harmony. Understanding these relationships helps create effective color schemes.

Complementary: Opposite colors for maximum contrast

Analogous: Adjacent colors for harmony and unity

Triadic: Three colors equally spaced on the color wheel