¿Querés ver cómo quedaría tu app o tu web en modo oscuro sin tocar una línea de código? Con una captura de pantalla alcanza. Color Studio puede invertir la luminosidad de la imagen conservando los colores —la base real del dark mode— y devolverte la versión oscura (o clara) al instante, con un antes/después para comparar. Y si tenés un esquema de colores propio, podés aplicarlo. Todo gratis y en tu navegador: la captura no se sube a ningún lado.
No es un simple «negativo» de la foto. Invertir los colores tal cual deja los azules naranjas y todo se ve mal. El modo Tema invierte solo la luminosidad de cada píxel y mantiene el tono y la saturación: por eso un fondo blanco se vuelve oscuro, el texto negro se aclara, y un botón azul sigue siendo azul (más claro). Es exactamente lo que hace un buen tema oscuro.
El objetivo Oscuro y Claro solo invierten si hace falta (según si la captura ya es clara u oscura); Invertir fuerza el cambio siempre.
El modo Recolorear va un paso más allá: pegás un
CSS, unas variables :root, un config de
Tailwind o cualquier texto con colores (HEX, rgb(),
hsl()), y la herramienta extrae esa paleta y
remapea la imagen según la luminosidad de cada píxel (un
«gradient map»). Sirve para ver tu captura con la identidad de tu marca, o
para explorar variantes de tema a partir de un esquema existente.
Cuanto más «plana» y de interfaz sea la imagen (una app, un sitio, un panel), mejor queda: los fondos sólidos y el texto responden perfecto a la inversión de luminosidad. Las fotografías con degradados y piel dan un resultado más artístico que utilitario — pero probarlas es parte de la gracia.
Invierte la luminosidad conservando tono y saturación —la base del modo oscuro—: los fondos claros se oscurecen, el texto se aclara y los colores se mantienen. Funciona muy bien con capturas de UI; con fotos da un resultado artístico.
Como maqueta rápida a partir de una captura, sin tocar código. No reemplaza implementar el tema en CSS, pero es ideal para explorar la idea o mostrar un mockup.
Sí, en el modo Recolorear: pegás CSS, variables, config de Tailwind o cualquier texto con colores, y la herramienta remapea la imagen con ese esquema.
No. Toda la transformación ocurre en tu navegador; la captura no se sube ni queda almacenada.
Generar el modo oscuro de mi captura →Sacá los colores dominantes de una imagen y leé el código HEX de cualquier píxel con un cuentagotas.
Qué guarda cada formato, cuál pesa menos y cuándo conviene cada uno.
Recortá el sujeto y ponelo sobre un color sólido o sobre otra imagen.