Generador de colores complementarios divididos
Genere un esquema de colores complementarios divididos a partir de un único color base con este Generador de colores complementarios divididos. Introduzca un código hexadecimal de 3 o 6 dígitos y la herramienta devolverá el color base y los dos tonos situados a 150 y 210 grados del lado opuesto en la rueda de color HSL, uno a cada lado de su complementario, todos en códigos hexadecimales. Es útil para diseñadores y desarrolladores que buscan un contraste marcado con menos tensión que la que produce una pareja de colores complementarios directa.
Preguntas frecuentes
¿Qué devuelve el Generador de colores complementarios divididos?
Devuelve tres colores en códigos hexadecimales en minúsculas de seis dígitos. El color 1 es la base, el color 2 es el tono rotado 150 grados y el color 3 es el tono rotado 210 grados.
¿Qué es un esquema de colores complementarios divididos?
En lugar del único color opuesto a la base, se usan los dos colores contiguos a ese opuesto, a 30 grados a cada lado. Se conserva la mayor parte del contraste de una pareja de colores complementarios, pero la paleta es más fácil de equilibrar.
¿Cómo se calcula?
La herramienta convierte el código hexadecimal a HSL, suma 150 y 210 grados al tono y da la vuelta al llegar a 360 grados. La saturación y la luminosidad se mantienen, y cada resultado se convierte de nuevo a código hexadecimal.
¿Cuál es el complementario dividido del rojo puro?
Para #ff0000, la herramienta devuelve #ff0000, #00ff80 y #0080ff: un verde primaveral y un azul celeste a ambos lados del cian. La herramienta usa la rueda de color HSL basada en la pantalla, así que el resultado difiere del de la rueda de pintor con rojo, amarillo y azul.
¿Qué formatos de color puedo introducir?
Introduzca un único código hexadecimal de 3 o 6 dígitos, con o sin #, como #3366cc o 36c. No se aceptan las cadenas RGB y HSL ni los nombres de colores, así que conviértalos primero a hexadecimal.
¿Por qué el color base cambia ligeramente en el resultado?
El tono, la saturación y la luminosidad se redondean a números enteros, así que al convertir el color a HSL y de vuelta, un canal puede cambiar un nivel. Por ejemplo, #ff5733 se convierte de nuevo en #ff5833, con #33ffbe y #3374ff a sus lados.
¿Cómo uso una paleta de colores complementarios divididos?
Use el color base como color principal y los dos complementarios divididos como acentos para acciones secundarias, elementos destacados o series de gráficos. Como los acentos no son opuestos exactos, contrastan menos con la base que un complementario directo.
¿Qué ocurre con el negro, el blanco o el gris?
Los colores neutros tienen saturación cero, así que cualquier rotación del tono devuelve el mismo gris. Elija una base con algo de saturación para obtener tres colores distintos.
¿La herramienta comprueba el contraste del texto?
No, solo calcula los colores. Los tres comparten la luminosidad del color base, así que compruebe cualquier combinación de texto y fondo con una herramienta de contraste antes de publicarla.
¿El resultado es el mismo que el del Generador de paletas de colores?
Sí. Esta herramienta realiza exactamente el cálculo de la opción de colores complementarios divididos del Generador de paletas de colores, por lo que ambas devuelven los mismos códigos hexadecimales para el mismo color base.