Convertidor de colores
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 3.68:1
WCAG: AA Large
Última actualización: 2026 · Herramienta en línea gratuita
¿Qué es Convertidor de colores?
Conversor de colores gratuito en línea que traduce al instante entre códigos HEX, RGB, HSL y OKLCH y calcula la relación de contraste WCAG entre dos colores para comprobar la accesibilidad fácilmente.
Cómo usar
- 1 Introducir un color — Use el selector de color o la entrada de texto. Se admiten los formatos HEX, rgb() y hsl().
- 2 Ver formatos — Los formatos HEX, RGB, HSL y OKLCH se muestran simultáneamente.
- 3 Copiar valores — Use el botón copiar para cada formato para copiar el valor CSS.
- 4 Verificar ratio de contraste — Establezca un color de comparación para verificar el ratio de contraste WCAG.
Herramientas relacionadas
Convertidor de Timestamp Herramienta en línea gratuita para convertir entre marcas de tiempo Unix y fechas en ambos sentidos. Acepta segundos (10 dígitos) y milisegundos (13 dígitos) y admite KST, JST, UTC, ISO 8601 y tiempo relativo.
Generador de degradado CSS Generador visual gratuito de degradados CSS: crea degradados lineales, radiales y cónicos, ajusta los puntos de color y el ángulo, y copia el código CSS listo para tus fondos.
Generador CSS box-shadow Generador CSS box-shadow gratuito en línea con controles de desplazamiento, desenfoque, expansión, color e inset, que ofrece vista previa en vivo de la sombra y genera código CSS box-shadow listo para copiar.
Preguntas frecuentes
OKLCH es una representación cilíndrica del espacio de color Oklab, el más perceptualmente uniforme. Es compatible con CSS Color Level 4.
Mide la diferencia de luminosidad entre el texto y los colores de fondo. AA requiere al menos 4,5:1, AAA requiere 7:1.
Actualmente solo se admiten colores opacos (RGB, HEX de 6 dígitos). RGBA y HSLA se añadirán próximamente.
Sí. Puede pegar el resultado de cada formato directamente en su CSS.
No. Todas las conversiones de color se realizan en su navegador.