Convertidor de colores

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

Última actualización: 2026 · Herramienta en línea gratuita

¿Qué es Convertidor de colores?

Herramienta gratuita en línea para convertir entre códigos de color HEX, RGB, HSL, OKLCH con ratio de contraste WCAG

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.

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.