Color Code Converter

Color Code Converter:

• Converts between HEX, RGB, HSL, and CSS color formats
• Parses color strings and detects format automatically
• Supports CSS color names and validation
• Provides comprehensive color information

HEX Format:

• Format: #RRGGBB (6 hex digits)
• Example: #FF0000 (red)
• Range: 00-FF for each component
• Case-insensitive: Accepts both uppercase and lowercase
• Web Standard: Most widely used web color format

RGB Format:

• Format: rgb(r, g, b)
• Range: 0-255 for each component
• Example: rgb(255, 0, 0) (red)
• CSS3: Standard CSS color specification
• Intuitive: Direct color component values

HSL Format:

• Format: hsl(h, s%, l%)
• Hue: 0-360 degrees (color wheel)
• Saturation: 0-100% (color intensity)
• Lightness: 0-100% (brightness)
• Human-friendly: More intuitive color selection

CSS Color Names:

• Basic: red, green, blue, yellow, cyan, magenta
• Grayscale: gray, black, white
• Extended: orange, purple, pink, brown
• Web Safe: Limited set of standard colors

Conversion Algorithms:

• HEX→RGB: Parse hex pairs, convert to decimal
• RGB→HEX: Convert to hex, pad with zeros
• RGB→HSL: Convert to normalized values, calculate HSL
• HSL→RGB: Convert HSL back to RGB using formulas

Validation Rules:

• HEX: Must be 6 hex digits (#RRGGBB)
• RGB: Values must be 0-255 integers
• HSL: H: 0-360, S: 0-100, L: 0-100
• CSS Names: Must be recognized color name

Use Cases:

• Web Development: CSS styling and design
• Graphic Design: Color palette creation
• Data Visualization: Chart and graph coloring
• Brand Guidelines: Color system consistency