Selector de Color

Elige cualquier color y convierte al instante entre formatos HEX, RGB y HSL. Copia códigos de color con un clic. Gratis, instantáneo y privado.

GratisSin registro100% PrivadoÚltima actualización: Marzo 2026
#3498DB
HEX: #3498DB
RGB: rgb(52, 152, 219)
HSL: hsl(204, 70%, 53%)

¿Qué es un selector de color?

Un selector de color te permite elegir un color y obtener su representación en formatos HEX, RGB y HSL utilizados en desarrollo web y diseño.

Los códigos HEX como #3498db son estándar en CSS. Los valores RGB como rgb(52, 152, 219) se usan en CSS y programación. Los valores HSL como hsl(204, 70%, 53%) se corresponden intuitivamente con la percepción humana del color.

El Selector de Color de TweakFiles funciona completamente en tu navegador. Todas las conversiones usan matemáticas puras, por lo que los resultados son precisos e instantáneos.

Formatos de color explicados

Los códigos HEX son estándar en CSS. RGB se usa en CSS y programación. HSL se corresponde intuitivamente con cómo los humanos piensan sobre el color.

Cómo usar el selector de color en 3 pasos

1

Elige o ingresa un color

Usa el selector de color o escribe valores HEX/RGB/HSL. Todos los formatos se sincronizan bidireccionalmente.

2

Consulta todos los formatos

La muestra de vista previa muestra tu color. Los valores HEX, RGB y HSL se actualizan al instante.

3

Copia y usa

Haz clic en Copiar junto a cualquier formato. Pega en CSS, herramientas de diseño o editores de código.

TweakFiles vs Otros selectores de color

CaracterísticaTweakFilesGoogle Color PickerColorHexa
PrecioGratis para siempreGratisGratis (con anuncios)
Privacidad100% en el navegadorServidores de GoogleProcesado en servidor
HEX / RGB / HSLLos tres, sincronizadosHEX + RGB + HSLTodos los formatos
Copiar al portapapelesUn clic por formatoSelección manualSelección manual
Entrada bidireccionalSí (edita cualquier campo)LimitadaSolo por URL
AnunciosNingunoNingunoMúltiples
Registro requeridoNoNoNo

Preguntas frecuentes

Ingresa el código HEX y los valores RGB se actualizan al instante.
RGB mezcla 3 canales de luz (0-255). HSL usa Tono (0-360°), Saturación (0-100%), Luminosidad (0-100%).
Sí, pega en cualquier campo y los demás se actualizan automáticamente.
Sí, usando las fórmulas estándar del Módulo de Color CSS.
Sí, todos los cálculos se realizan en tu navegador.