Color Converter
Convierte colores entre HEX, RGB, HSL, HSB y CMYK
Acerca de Color Converter
Mantiene sincronizados HEX, RGB, HSL, HSB y CMYK: edita cualquiera de los cinco campos o usa el selector de color y los demás formatos se actualizan al instante, cada uno con su propio botón para copiar. Los colores son opacos y los valores, enteros; RGB y HSL se copian como números simples, por ejemplo 109, 40, 217, así que envuélvelos en rgb() o hsl() antes de pegarlos en CSS.
Categoría: Color.
Preguntas frecuentes
¿Qué formatos de entrada acepta?
▾
Un código HEX de 6 dígitos con o sin # (#6d28d9), rgb(109, 40, 217), hsl(263, 70%, 50%), hsb(263, 82%, 85%) y cmyk(50%, 82%, 0%, 15%), o solo los números separados por comas y sin signos % (263, 70, 50). Los valores deben ser enteros; no se aceptan HEX de 3 dígitos, canal alfa (rgba, hsla, #RRGGBBAA), la sintaxis CSS separada por espacios ni nombres de colores.
¿Cuál es la diferencia entre HSL y HSB?
▾
HSL (Tono, Saturación, Luminosidad) y HSB/HSV (Tono, Saturación, Brillo/Valor) son ambos modelos de color cilíndricos. En HSL, un color puro tiene 100% de saturación y 50% de luminosidad, y 100% de luminosidad siempre es blanco; en HSB, un color puro tiene 100% de saturación y 100% de brillo. HSB se usa comúnmente en herramientas de diseño como Photoshop y Figma.
¿Qué tan precisa es la conversión a CMYK?
▾
Usa la fórmula básica en la que K es 1 menos el canal RGB más brillante y el cian, el magenta y el amarillo se derivan del resto, sin perfiles de color ICC ni límites de tinta. El resultado impreso real depende del perfil de la máquina y del papel, así que toma estos porcentajes como punto de partida y confirma los valores finales con tu imprenta.
¿Por qué los valores cambian un poco al convertir de ida y vuelta?
▾
HSL, HSB y CMYK se redondean a números enteros, algo menos preciso que los 256 niveles de cada canal RGB, así que al volver a convertir un canal puede moverse unas unidades (hasta 5 en HSL, 3 en HSB y 2 en CMYK). Usa el valor HEX o RGB como referencia cuando necesites colores exactos.