¿Cuándo debo usar OKLCH en vez de HEX?

OKLCH es perceptualmente uniforme, lo que significa que pasos numéricos iguales se ven como pasos visuales iguales. Eso lo hace la elección correcta al generar una paleta de colores, calcular contraste accesible o hacer cualquier manipulación algorítmica de color. Para tokens de diseño estáticos, HEX sigue estando bien.

¿Todas las conversiones son sin pérdida?

La conversión entre HEX, RGB y formatos de color de 8 bits es sin pérdida. Las conversiones que involucran HSL u OKLCH pueden introducir un pequeño redondeo de punto flotante en el último dígito, pero el resultado es visualmente idéntico.

¿Soporta transparencia?

Sí. Cada formato con soporte de alfa (HEX con ocho dígitos, RGBA, HSLA, OKLCH con alfa) se maneja correctamente. Las conversiones preservan el canal alfa exactamente.

¿Puedo elegir un color de una imagen?

No directamente aquí. Para extracción de paleta de una imagen, usa la herramienta Extractor de Paleta de Color. Este conversor se enfoca en transformar un valor de color conocido entre formatos.

¿Se envía algo a un servidor?

No. La conversión corre enteramente en tu navegador. La pestaña Red permanecerá vacía durante el uso.

Conversor de colores — HEX, RGB, HSL, OKLCH en línea

Conversor de colores (HEX, RGB, HSL, OKLCH)

Privacidad por diseño — se ejecuta completamente en tu navegador

Convierte colores entre HEX, RGB, HSL, OKLCH y valores nombrados en tu navegador. Toova muestra una vista previa en vivo, te permite ajustar canales con deslizadores y expone la salida completa en cada formato lista para pegar en CSS, herramientas de diseño o código de producción.

Por qué tantos formatos de color

HEX (#ff6600) es el más común en CSS y es fácil de teclear. RGB (rgb 255 102 0) es lo que cada formato de imagen habla. HSL (hsl 24 100% 50%) es más intuitivo para elegir tonos porque tono, saturación y luminosidad mapean a cómo los humanos piensan en color. OKLCH es el formato moderno que arregla la uniformidad perceptual: pasos numéricos iguales se ven como pasos visuales iguales. Toova convierte entre todos ellos sin pérdida.

Vista previa en vivo y deslizadores de canal

Pega un color en cualquier formato y Toova muestra una muestra en vivo más la conversión completa a cada otro formato. Arrastra cualquier deslizador de canal (tono, saturación, luminosidad, rojo, verde, azul, alfa) y la vista previa se actualiza en tiempo real. Eso hace fácil ajustar un color base a un tono, arreglar contraste o generar un estado de hover sin salir de tu pestaña del navegador.

Sólo local

La conversión de color ocurre enteramente en tu navegador. Los valores que pegas nunca salen de la página. Eso es excesivo para códigos de color, pero hace la herramienta rápida y confiable: sin viaje al backend, sin límites de tasa, sin caídas. La página funciona offline después de la primera carga.

Preguntas frecuentes

¿Cuándo debo usar OKLCH en vez de HEX?: OKLCH es perceptualmente uniforme, lo que significa que pasos numéricos iguales se ven como pasos visuales iguales. Eso lo hace la elección correcta al generar una paleta de colores, calcular contraste accesible o hacer cualquier manipulación algorítmica de color. Para tokens de diseño estáticos, HEX sigue estando bien.
¿Todas las conversiones son sin pérdida?: La conversión entre HEX, RGB y formatos de color de 8 bits es sin pérdida. Las conversiones que involucran HSL u OKLCH pueden introducir un pequeño redondeo de punto flotante en el último dígito, pero el resultado es visualmente idéntico.
¿Soporta transparencia?: Sí. Cada formato con soporte de alfa (HEX con ocho dígitos, RGBA, HSLA, OKLCH con alfa) se maneja correctamente. Las conversiones preservan el canal alfa exactamente.
¿Puedo elegir un color de una imagen?: No directamente aquí. Para extracción de paleta de una imagen, usa la herramienta Extractor de Paleta de Color. Este conversor se enfoca en transformar un valor de color conocido entre formatos.
¿Se envía algo a un servidor?: No. La conversión corre enteramente en tu navegador. La pestaña Red permanecerá vacía durante el uso.