Buscador de colores complementarios.
Escribe un color y ve su opuesto en la rueda de color, además de otros cuatro esquemas que combinan con él. Todos los colores están listos para copiar en HEX, RGB o HSL.
Color base
Arrastra un punto alrededor de la rueda para girar los colores.
- rgb(255, 0, 244)hsl(303, 100%, 50%)
- rgb(0, 255, 11)hsl(123, 100%, 50%)
Herramienta gratuita, sin garantía ni responsabilidad. El resultado lo genera automáticamente una herramienta gratuita de transjt.ai, nada más. Puede estar incompleto o ser incorrecto. transjt.ai no ofrece ninguna garantía ni asume responsabilidad alguna por decisiones o cambios basados en él; revisa cada resultado antes de usarlo.
Colores complementarios en tres pasos.
- 01
Elige tu color
Escribe un código HEX o elígelo en el selector.
- 02
Elige un esquema
Complementario, complementario dividido, análogo, triádico o cuadrado.
- 03
Copia los colores
Haz clic en un color para copiar su código HEX, o copia el RGB y el HSL que aparecen al lado.
Pruébalo con tu web.
Diseña tu web hoy y lánzala mañana.
Empieza gratisReserva una demo
Preguntas y respuestas.
Lo que la gente pregunta antes de convertir.
Reserva una demoEl color situado justo enfrente en la rueda de color, a 180 grados. La pareja ofrece el mayor contraste de tono, por eso los acentos complementarios destacan, por ejemplo, un botón en el color opuesto al de la página.
La rueda de pantalla de luz roja, verde y azul, en la que se basan HEX, RGB y HSL. La rueda del pintor, de rojo, amarillo y azul, sitúa algunos opuestos en otro lugar, por ejemplo, el rojo frente al verde en lugar del cian.
El complementario dividido toma los dos vecinos del color opuesto, para un contraste más agradable a la vista. El análogo toma los vecinos de tu color, para paletas tranquilas. El triádico y el cuadrado reparten tres o cuatro colores de forma uniforme por la rueda.
Mantén un color dominante y usa su complementario con moderación, para llamadas a la acción, enlaces o destacados. Un reparto habitual es 60 % color principal, 30 % neutro y 10 % acento.
Sí, sin registro y sin límites.
Herramientas relacionadas.
- Selector de color desde una imagenHaz clic en cualquier punto de una imagen para obtener su HEX y RGB.
- Paleta de colores desde una imagenLos colores principales de una imagen, primero los más frecuentes.
- RGB a HEXValores de rojo, verde y azul a código HEX, mientras escribes.
- HEX a RGBUn código HEX a valores de rojo, verde y azul, mientras escribes.
- CMYK a RGBValores de impresión a colores de pantalla, con el código HEX.
- Comprobador de contraste de colorComprueba los colores de texto y fondo según WCAG AA y AAA.
- Todas las herramientas de colorCódigos HEX, RGB y CMYK, colores complementarios, un selector de color y paletas a partir de imágenes.
- Todas las herramientas gratuitasPequeñas herramientas para las tareas de una web: imágenes, colores, tamaños y fuentes, texto alternativo, prompts para builders de IA y una comprobación de si los agentes de IA pueden usar tu web. Los conversores funcionan en tu navegador, así que no se sube nada.
Diseña tu web hoy y lánzala mañana.
En transjt, cada segundo cuenta. Por eso nuestra misión es sencilla: ahorrarte tiempo y eliminar fricciones de tu flujo de trabajo.