Conversor de Colores

Escribe o pega tu código hex (por ejemplo #3B82F6) en la entrada y el valor RGB aparece al instante en la lista de resultados: aquí es rgb(59, 130, 246). Cada canal es simplemente el par de dígitos hex correspondiente leído como número: 3B es 59, 82 es 130 y F6 es 246. Puedes copiar la cadena rgb() completa con un clic, y un hex de 4 u 8 dígitos con alfa (como #3B82F680) se convierte directamente a rgba() de la misma manera.

Introduce un valor rgb() o rgba() y el conversor muestra el equivalente hex de inmediato, porque el hex es simplemente cada canal escrito en base 16. Por ejemplo, rgb(255, 99, 71) se convierte en #FF6347. Si tu color tiene un valor alfa, también obtendrás un hex de 8 dígitos (RRGGBBAA) que codifica la transparencia, útil para CSS y la mayoría de herramientas de diseño.

Son formas alternativas de describir el mismo color que se ajustan mejor a cómo lo pensamos. HSL (tono, saturación, luminosidad) y HSV/HSB (tono, saturación, valor) facilitan mantener un tono y solo aclararlo, oscurecerlo o desaturarlo, por eso impulsan los tintes, sombras y armonías de aquí. OKLCH es un modelo más reciente y perceptualmente uniforme donde pasos numéricos iguales se ven como pasos visuales iguales, así que es ideal para crear paletas accesibles y degradados suaves. El conversor los muestra todos a la vez, para que leas o copies el que espere tu CSS o tu app de diseño.

Toma los valores CMYK como una aproximación cercana, no como una especificación lista para imprenta. Las pantallas usan luz RGB mientras que las impresoras usan tinta CMYK, y el resultado exacto depende de tu papel, tintas y perfil de color ICC, nada de lo cual un navegador puede conocer. Los números de aquí son una conversión matemática estándar de RGB a CMYK, perfecta como referencia rápida o punto de partida, pero para un trabajo de imprenta real confirma los colores con el perfil de tu impresora o una prueba física.

Sí en ambos casos. Cada conversión se ejecuta localmente en tu navegador con JavaScript, así que los colores que introduces nunca se envían ni se almacenan en ningún servidor; incluso puedes usar la herramienta sin conexión una vez cargada la página. El alfa (transparencia) es totalmente compatible: introduce un valor RGBA, HSLA o hex de 8 dígitos, o usa el deslizador de alfa, y la transparencia se mantiene en todos los formatos que pueden representarla, incluidos rgba(), hsla() y el hex de 8 dígitos.