Vista previa en vivo
Confirme el color visible mientras edita su valor.
Convertidor de colores
Convierta colores entre HEX, RGB y HSL con una vista previa en vivo.
Color HEX, RGB o HSL
Privado por defectoSus entradas y archivos se procesan en este dispositivo.
Gratis e instantáneoNo se requiere cuenta, cola ni instalación de software.
Listo para usarCopie o descargue los resultados tan pronto como se generen.
como usar Convertidor de colores
Obtenga un resultado confiable en tres sencillos pasos.
Introduce o elige un color
Utilice HEX, RGB, HSL o el selector de color visual.
Revisa cada formato
Los valores equivalentes HEX, RGB y HSL se actualizan juntos.
Copia lo que necesites
Haga clic en cualquier fila de salida para copiarla en su hoja de estilo o archivo de diseño.
Diseñado para el trabajo diario
Útil sin el trabajo pesado
Controles enfocados, retroalimentación inmediata y ninguna relación entre usted y el resultado.
Formatos CSS comunes
Muévete limpiamente entre los formatos utilizados por los navegadores y las herramientas de diseño.
Copia con un clic
Cada resultado normalizado está listo para pegar.
guía practica
que es Convertidor de colores?
Un convertidor de color expresa el mismo color visible en diferentes sistemas de notación. HEX es común en transferencias de diseño, RGB refleja los canales de color de la pantalla y HSL describe el tono, la saturación y la luminosidad.
Cambiar la notación no cambia el color deseado. Pueden ocurrir pequeñas diferencias cuando los valores basados en porcentajes se redondean para obtener resultados legibles.
Aplicaciones prácticas
Cuándo utilizar esta herramienta
Formas comunes Convertidor de colores encaja en proyectos reales y tareas diarias.
creación de CSS
Convierta los valores HEX del diseño en declaraciones RGB o HSL.
Sistemas de diseño
Normalice los tokens recibidos en formatos de colores mixtos.
Ajuste del tema
Utilice HSL para ajustar la luminosidad o la saturación sistemáticamente.
Garantía de calidad
Verifique que dos valores escritos de manera diferente representen el mismo color.
Respuestas útiles
Preguntas frecuentes
Respuestas rápidas sobre convertidor de colores y cómo funciona esta página.
¿La conversión de HEX a RGB cambia el color?
No. Ambas notaciones describen los mismos valores de los canales rojo, verde y azul.
¿Para qué sirve HSL?
HSL facilita el ajuste independiente del tono, la intensidad del color y el brillo.
¿Se admiten valores alfa?
El convertidor actual se centra en colores opacos HEX, RGB y HSL.
¿Por qué se redondean algunos valores de HSL?
Los porcentajes y los valores de tono se redondean para que la salida CSS sea legible.