Entrada
#FFFFFF
Salida
#000000 / rgb(0, 0, 0)
Herramientas de diseño
Inversor de color — Inversión RGB y vista previa en oscuro
Invierte un color restando cada canal RGB de 255. Compara los colores de origen e invertido, previsualiza capas de muestra y exporta un fragmento de variable CSS para exploración de temas oscuros.
ColorInvertirOscuro
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Inversor de color
#1
支持 #RGB、#RRGGBB 和 rgb(255, 255, 255)。
#000000
原始 RGB 255, 255, 255
反相 RGB 0, 0, 0
对比度 21.00:1
算法：每个 RGB 通道用 255 减去原值。例如 R(200) → R(55)。
<>
Original Inverted Casos de uso
- Mapea un primario claro a un color de referencia invertido
- Previsualiza el contraste tras la inversión
- Exporta un fragmento CSS con variables de color invertidas
Cómo usar
- Introduce o elige un color base (HEX / rgb)
- Revisa el resultado invertido y la comparación dividida
- Copia el valor invertido o el CSS
Entrada y salida de ejemplo
FAQ
¿Es invert lo mismo que un color complementario?
No. Esta herramienta resta cada canal RGB de 255. Los colores complementarios suelen desplazar el tono en una rueda de color y a menudo difieren.
¿Qué formatos de entrada se admiten?
Admite #RGB, #RRGGBB y rgb(r, g, b). Las entradas no válidas muestran un error y no actualizan el resultado.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Conversor de color
Conversor de color — HEX, RGB y HSL en línea
Convierte colores entre HEX, RGB, HSL, HWB, CMYK y variables CSS en tu navegador. Incluye un selector de color y un generador de colores aleatorios para entregas de diseño, trabajo con hojas de estilos y alineación de colores de marca.
Color HEX RGB
Generador de filtros CSS
Generador de filtros CSS — Efectos de imagen en vivo
Combina desenfoque, escala de grises, contraste y funciones de filtro CSS relacionadas con vista previa en vivo. Arrastra los deslizadores para crear pilas como filter: blur(2px) grayscale(100%); y copia el resultado.
Diseño CSS Filtro
Generador de colores pastel
Generador de colores pastel — Paletas suaves de baja saturación
Genera paletas pastel suaves y de estilo Morandi en tu navegador. Elige la cantidad y el estilo, bloquea las muestras que quieras conservar y exporta listas HEX o variables CSS para gráficos, fondos y temas de interfaz suaves.
Pastel Paleta Color