Conversor de colores
Pega cualquier color CSS y obtén todos los formatos a la vez: HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH y color(). Compatible con alfa y gamut. Convertido en tu navegador — nunca se envía.
Notas para desarrolladores
• colorjs.io es el único analizador/conversor — sin chroma-js, tinycolor2 ni culori. • El alfa multiplica el alfa propio del color pegado, así que un rgba(...) pegado conserva su alfa con el alphaValue=1 por defecto. • HWB y el bloque LAB/LCH/OKLAB/OKLCH/color() nunca llevan sufijo alfa — solo rgba, hsla, hex8 y color() reflejan alphaValue. • Los colores fuera de gamut usan el algoritmo de mapeo de gamut de CSS Color 4 cuando gamutFallback está activo; desactivado se muestra un recorte ingenuo por canal. • La precisión redondea solo los canales LAB/LCH/OKLAB/OKLCH/color() — HEX/RGB/HSL son fijos por definición.
Opciones
- Alfa — Multiplica el alfa propio del color pegado. Recalcula el alfa de rgba, hsla, hex8 y color(); hex6 y HSL simple no se ven afectados. Por defecto 1 (conserva el alfa pegado).
- Formatos modernos — Muestra u oculta el bloque LAB / LCH / OKLAB / OKLCH / color(). HEX/RGB(A)/HSL(A)/HWB siempre permanecen visibles. Activado por defecto.
- Repliegue de gamut — Muestra una insignia visible y un valor sRGB adaptado al gamut para entradas de gamut amplio. Desactivado, solo se muestran los valores brutos, posiblemente recortados. Activado por defecto.
- Precisión — Decimales mostrados en los canales numéricos LAB/LCH/OKLAB/OKLCH/color(). No aplica a HEX (dígitos fijos) ni RGB/HSL (enteros/porcentajes). Por defecto 2.
Herramientas CSS relacionadas
Hub: Herramientas color y CSS. Comprueba el contraste con Comprobador de contraste WCAG, o reduce y formatea hojas de estilo con Minificar CSS y Embellecer CSS.
FAQ — Conversor de colores
Conversor de colores universal, pegado local
¿Qué formatos de color puedo pegar?
HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH, CSS color() (incluido display-p3) y colores CSS con nombre — sin selector de formato necesario.
¿Se suben mis colores a algún sitio?
No. El análisis y la conversión se ejecutan íntegramente en tu navegador mediante colorjs.io. FastMinify nunca envía colores a un servidor.
¿Qué ocurre con los colores fuera de gamut?
Aparece una insignia, y con gamutFallback activo, las filas base HEX/RGB/HSL muestran un valor sRGB mapeado según CSS Color 4, etiquetado distinto del valor bruto de gamut amplio del bloque moderno.
¿El alfa se aplica a todos los formatos?
El alfa se refleja en rgba, hsla, hex8 y color(). HWB y los canales LAB/LCH/OKLAB/OKLCH permanecen sin alfa.
Herramientas color y CSS
Comprobación de contraste WCAG pegada localmente con sintaxis de color CSS moderna — vistas de par y matriz, nunca se sube.
Explorar otras categorías de herramientas
Minificar
Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.
Desminificar
Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.
Conversión
Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.
Codificación
Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.
Serialización
Serializa y deserializa estructuras PHP junto a los flujos JSON.
Herramientas JSON
Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.
Herramientas SVG
Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.
Embellecer
Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.
Preprocesadores CSS
Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.
DevOps e Infra
Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.
CI/CD
GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.
Logs y observabilidad
JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.
Kubernetes
Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.
Red / IP
CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.
Seguridad y tokens
JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.
API y esquemas
Herramientas OpenAPI para formatear, validar y analizar tus specs.
Herramientas HTTP
cURL, mensajes HTTP, URLs, HAR y Cookie / Set-Cookie pegados en el navegador — formatear e inspeccionar, nunca se envían.
Utilidades para desarrolladores
Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.
Texto y Markdown
Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.
IA y LLM
Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.
Datos de prueba
Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.