About This Tool
What is Convertidor de Código de Color?
A tool for converting between HEX, RGB, and HSL color codes. Useful for web design and development when you need to express colors in different formats. Includes a visual color picker for selecting colors directly.
How to Use
- Enter a color code in any format (HEX, RGB, or HSL).
- Or click the color picker to select a color visually.
- All other format codes are automatically converted and displayed.
- Copy the values in your preferred format.
Key Features
- Supports HEX, RGB, and HSL color code formats
- Visual color picker
- Real-time cross-format conversion
- Color preview display
Tips
- HEX codes are the most commonly used color format in CSS.
- HSL (Hue, Saturation, Lightness) makes color adjustment more intuitive.
- RGB values range from 0-255 per channel, and rgba() allows transparency control.
Convertidor de Código de Color
Convierte entre códigos de color HEX, RGB y HSL
Frequently Asked Questions
¿Cuándo debo usar HEX vs RGB vs HSL en CSS?▼
HEX (#FF5733) es el más compacto y usado. RGB/RGBA es mejor cuando necesitas transparencia (canal alfa). HSL es el más intuitivo para manipulación de color — cambiar el tono rota la rueda de colores, ajustar la luminosidad lo hace más claro/oscuro. Usa HSL al generar variaciones de color programáticamente.
¿Cuál es la diferencia entre la notación HEX de 3 y 6 dígitos?▼
El HEX de 3 dígitos (#F00) es abreviatura donde cada dígito se duplica: #F00 = #FF0000. Solo funciona cuando cada par tiene dígitos idénticos. #ABC = #AABBCC, pero no hay abreviatura para #A1B2C3. El HEX de 8 dígitos (#FF000080) agrega transparencia alfa.
¿Cómo elijo combinaciones de colores accesibles?▼
Las pautas WCAG requieren una relación de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande. Usa HSL para ajustar rápidamente la luminosidad. Texto oscuro sobre fondos claros (o viceversa) con suficiente diferencia de luminosidad asegura la legibilidad.
Related Tools
Convertidor de Base Numérica
Convierte entre binario, octal, decimal, hexadecimal y más
Convertidor de Formato de Imagen
Convierte entre formatos de imagen PNG, JPG y WebP
Compresor de Imágenes
Reduce el tamaño del archivo de imagen ajustando la calidad. Admite compresión por lotes.
Convertidor de Unidades
Convierte entre unidades de longitud, peso, temperatura, área, velocidad y tamaño de datos
Convertidor de Calendario Lunar
Convierte entre fechas del calendario solar (gregoriano) y lunar coreano
Redimensionador de Imágenes
Redimensiona imágenes a dimensiones personalizadas