Conversor de Color: HEX, RGB, HSL, HSB, CMYK
Elegí un color con el selector o escribí un código HEX para obtener al instante sus valores en RGB, RGBA, HSL, HSLA, HSB/HSV y CMYK, listos para copiar. También incluye una paleta de tonos derivados y el ratio de contraste WCAG contra texto blanco y negro. Todo se calcula localmente en tu navegador.
Ese no es un código HEX válido (ej: #0D6EFD).
Tonos y matices
Hacé clic en cualquier tono para usarlo como color actual.
Contraste WCAG
Ratio de contraste del color actual usado como fondo, contra texto blanco y negro.
Preguntas frecuentes
¿Mi color se sube a algún servidor?
No. Todas las conversiones (HEX, RGB, HSL, HSB, CMYK, contraste) se calculan con JavaScript directamente en tu navegador. Nada se envía a ningún servidor ni se guarda en ningún lado.
¿Qué diferencia hay entre HSL y HSB/HSV?
Ambos describen un color con matiz (hue), y dos ejes más, pero definidos distinto: HSL usa saturación y luminosidad (0% luminosidad siempre da negro, 100% siempre blanco), mientras que HSB/HSV usa saturación y brillo (0% brillo siempre da negro, pero 100% saturación con 100% brillo da el color más intenso, no blanco). HSB es el que suelen usar los selectores de color de programas de diseño; HSL es más común en CSS.
¿El CMYK que muestra sirve para imprenta?
Es un CMYK aproximado, calculado matemáticamente desde el RGB (conversión "naive"). Sirve como referencia rápida, pero para impresión profesional el CMYK real depende del perfil de color (ICC) de la imprenta y la tinta específica, así que siempre conviene confirmar con tu proveedor antes de imprimir algo importante.
¿Qué es el ratio de contraste y por qué importa?
Es una medida (de 1:1 a 21:1) de qué tan fácil es distinguir un color de texto sobre un color de fondo, definida por las pautas WCAG de accesibilidad. Para texto normal se recomienda un mínimo de 4.5:1 (nivel AA) o 7:1 (nivel AAA); para texto grande o negrita, 3:1 alcanza para AA. Un contraste bajo dificulta la lectura, especialmente para personas con baja visión.
¿Qué formato conviene usar en CSS?
HEX es el más compacto y el más usado. RGB/RGBA y HSL/HSLA son más legibles y permiten manejar transparencia con el mismo formato (el cuarto valor, alfa). HSL además es más intuitivo para ajustar manualmente un color (cambiar solo la luminosidad para aclarar u oscurecer, por ejemplo). Cualquiera de los tres funciona igual de bien en cualquier navegador moderno.