Convierte colores entre formatos
Introduce un color en cualquier formato CSS —un código HEX como #3B82F6 o #38F, rgb() o rgba(), hsl() o un nombre como tomato— o elígelo con el selector de color. La herramienta muestra el mismo color en HEX, RGB, HSL, HSV y CMYK, listo para copiar en tu CSS, tu herramienta de diseño o la configuración de impresión.
También muestra lo legible que es un texto blanco o negro sobre ese color, como relación de contraste WCAG: 4.5:1 o más cumple el nivel AA para texto normal. Tu navegador interpreta el color exactamente igual que lo haría CSS.
¿Por qué usar este conversor de colores?
- HEX, RGB, HSL, HSV y CMYK en un solo lugar
- Admite todos los formatos de color CSS y nombres de colores
- Compatible con transparencia (alfa)
- Contraste WCAG con texto blanco y negro
Cómo convertir un color
- Escribe o pega un color, o elígelo con el selector de color
- Mira el color en todos los formatos junto a su vista previa
- Haz clic en el botón de copiar junto al formato que necesites
Preguntas frecuentes
¿Este conversor de colores es gratuito?
Sí, es completamente gratuito y funciona en tu navegador.
¿Cuál es la diferencia entre RGB, HSL y HSV?
RGB mezcla luz roja, verde y azul (de 0 a 255 cada una). HSL y HSV describen el mismo color mediante el tono (0–360°), la saturación y la luminosidad (lightness) o el valor (value), lo que facilita crear variantes más claras, más oscuras o más apagadas.
¿Qué significa la relación de contraste?
Compara el brillo de los colores del texto y del fondo (WCAG 2). Para texto normal en el nivel AA se exige una relación de al menos 4.5:1, y de 3:1 para texto grande; cuanto más alta, más fácil de leer.
¿Se envía algo a un servidor?
No. Todo se calcula en tu navegador.