01
Reconoce la entrada
Acepta HEX corto y largo, rgb(), hsl(), hsv(), cmyk(), lab() y oklch(). Una entrada inválida conserva la muestra anterior pero bloquea su copia.
Herramientas de color
Conversor de color— un color en siete formatos
Escribe HEX, RGB, HSL, HSV, CMYK, Lab u OKLCH y compara las salidas.
conversor de color
El color se procesa en esta pestaña; no se sube ni se guarda.
HEX
#3B82F6RGB
rgb(59 130 246)HSL
hsl(217.2 91.2% 59.8%)HSV
hsv(217.2, 76%, 96.5%)CMYK
cmyk(76%, 47.2%, 0%, 3.5%)Lab
lab(54.619% 8.771 -65.783)OKLCH
oklch(62.308% 0.188 259.81)Dentro de la gama sRGB.
sRGB y OKLCH usan D65; CSS Lab usa D50. CMYK es una estimación sin perfil ICC.
Transparencia
Los siete valores están actualizados.
Una marca puede llegar como HEX en el diseño y como OKLCH en el CSS. El conversor de color permite comparar los siete valores sin olvidar los límites del color que puede mostrar la pantalla.
Para HEX a RGB, RGB a HSL, convertir a OKLCH o RGB a CMYK, este conversor de color muestra una muestra visual y avisa cuando la equivalencia es aproximada.
Por qué usar este conversor de color
Compara el valor original con la pantalla
Detecta los colores fuera de gama
Lab y OKLCH pueden expresar colores fuera de sRGB. El conversor de color conserva el valor original y reduce el croma de OKLCH para la muestra y el HEX de pantalla.
No pierdas de vista el alfa
HEX de cuatro u ocho dígitos puede incluir transparencia. El fondo cuadriculado permite verla; las salidas CSS conservan alfa, pero CMYK no lo incluye.
Tres comprobaciones antes de copiar
02
Separa transparencia y gama
El control alfa cambia la opacidad. Para un OKLCH fuera de sRGB, compara el texto original con el HEX aproximado.
03
Usa solo resultados actuales
La conversión automática espera 350 ms. En modo manual, Ctrl/Cmd+Intro ejecuta la conversión y los botones de copia permanecen desactivados mientras el resultado esté desactualizado.
Siete formas de describir el color
Valores para CSS
HEX, RGB y HSL describen el color sRGB. HSV utiliza el eje de valor habitual en herramientas de diseño.
Coordenadas perceptuales
CSS Lab usa blanco D50 y OKLCH usa D65. Cuando la entrada excede sRGB, se conserva la coordenada original.
Estimación para imprenta
CMYK se calcula con una fórmula sobre sRGB. Para imprimir, el proveedor debe usar su papel, tintas y perfil ICC.
Reglas y límites de la conversión
- La adaptación no es sin pérdida
- Un Lab u OKLCH fuera de sRGB no tiene un HEX idéntico. Se reduce el croma para la vista previa y se conserva la entrada original.
- CMYK no es una prueba de imprenta
- Sin perfil ICC ni ajuste de generación de negro, los porcentajes son orientativos y no separaciones listas para producción.
- hsv() y cmyk() son notación de esta herramienta
- Sirven para calcular aquí, pero no se ofrecen como declaraciones CSS universales. Para CSS usa HEX, rgb(), hsl(), lab() u oklch().
- Una entrada, sin guardar colores
- No extrae colores de imágenes, genera paletas, mide contraste ni añade valores a una URL compartida.
Preguntas sobre el conversor de color
¿Cuándo debo usar OKLCH en vez de HEX?
OKLCH resulta útil al ajustar luminosidad y croma de una paleta. Para un valor estático sRGB, HEX suele bastar.
¿Todas las conversiones son sin pérdida?
HEX y RGB pueden conservar los canales exactamente. HSL, Lab y OKLCH muestran números redondeados; un color fuera de sRGB requiere una aproximación.
¿Soporta transparencia?
Sí. El HEX de cuatro u ocho dígitos y la sintaxis CSS con alfa se aceptan, y el control de transparencia actualiza la muestra.
¿Puedo elegir un color de una imagen?
No desde archivos de imagen. El selector nativo permite elegir un color y, si el navegador lo admite, el cuentagotas toma un píxel de la pantalla.
¿Se envía algo a un servidor?
No. Las conversiones se hacen en esta pestaña y el valor no se envía a un servidor.
¿Tienes otra duda sobre colores?
Prueba el conversor de color
Revisa el aviso de gama antes de copiar el formato CSS que necesitas.