Ir al contenido
Útil del Día
Añadir a favoritosCtrl+D

Conversor de color (HEX, RGB, HSL, HSV, CMYK)

Pega un color en cualquier formato o usa el selector para obtener todas las conversiones, una vista previa visual y el ratio de contraste para la accesibilidad.

Reconoce HEX, RGB(A), HSL(A), HSV/HSB, CMYK y los nombres CSS.

Contraste sobre fondo claro: 3.24:1 AA (texto grande)

Contraste sobre fondo oscuro: 6.49:1 AA (texto normal)

Consejo: varía la opacidad para previsualizar overlays (ej. botones, insignias, etc.).

HEX

#1e90ff
#1e90ffff

RGB / RGBA

rgb(30, 144, 255)
rgba(30, 144, 255, 1)
rgb(30 144 255)

HSL / HSLA

hsl(209.6, 100%, 55.9%)
hsla(209.6, 100%, 55.9%, 1)
hsl(209.6 100% 55.9%)

HSV / HSB

hsv(209.6, 88.2%, 100%)

CMYK

cmyk(88.2%, 43.5%, 0%, 0%)

Preguntas frecuentes

¿Qué formatos son compatibles?

HEX (#RGB, #RGBA, #RRGGBB, #RRGGBBAA), RGB y RGBA (sintaxis CSS3 y CSS4), HSL y HSLA, HSV/HSB así como CMYK. Los nombres CSS (ej. 'dodgerblue') también se reconocen.

¿Cómo se gestiona el alfa (transparencia)?

Usa RGBA o HSLA, el control deslizante de opacidad, o un HEX de 8 dígitos (#RRGGBBAA). El alfa se conserva entre conversiones.

¿Se comprueba el contraste?

Sí. La herramienta calcula el ratio de contraste WCAG entre el color y el fondo (claro/oscuro) e indica el cumplimiento AA/AAA para el texto.

¿HSV y HSB son lo mismo?

Sí. HSV equivale a HSB (Hue–Saturation–Value/Brightness). Las conversiones mostradas usan la misma base.

Outils connexes