¿Cómo convierto HEX a RGB?▼
Cada par de caracteres hexadecimales representa un canal de color (Rojo, Verde, Azul) en base 16. Para #3b82f6: R=0x3b=59, G=0x82=130, B=0xf6=246 → rgb(59, 130, 246). Esta calculadora lo hace automáticamente al escribir el HEX.
¿Qué es el formato HSL?▼
HSL describe colores con tres valores: Hue (tono, 0–360°), Saturation (saturación, 0–100%) y Lightness (luminosidad, 0–100%). Es más intuitivo que RGB para ajustar colores: cambiar L hace un color más claro u oscuro sin alterar el tono, cambiar H rota el color en la rueda cromática.
¿Cuándo usar HEX, RGB u HSL en CSS?▼
HEX es el más compacto y el más usado en diseño web. RGB es preferido cuando necesitas transparencia: rgba(59,130,246,0.5). HSL es ideal en sistemas de diseño donde necesitas variantes de un color cambiando solo la luminosidad o saturación.
¿Cómo funciona el color picker?▼
Haz clic en el cuadro de color a la izquierda del campo HEX. El selector del navegador abre una paleta visual. Al elegir un color, todos los campos (HEX, RGB, HSL) se actualizan automáticamente.
¿Puedo pegar un color HEX directamente?▼
Sí. Pega el valor en el campo HEX con o sin el símbolo #. La calculadora normaliza el formato y actualiza RGB y HSL al instante.
¿Qué es el valor RGB para CSS variables?▼
En CSS moderno es común definir colores como variables sin el prefijo rgb() para poder usarlos con opacidad variable: --color: 59 130 246; y luego background: rgb(var(--color) / 50%). La opción «RGB valores» copia solo los números separados por coma para ese uso.
¿Esta herramienta guarda mis datos?▼
No. Todo el cálculo ocurre en tu navegador. No se envía ningún dato a servidores.