Rueda de colores
Crea temas de color en una rueda interactiva con reglas de armonía estilo Adobe.
Cómo usar
- Elige una regla de armonía como análogo, tríada o personalizado.
- Arrastra un mango de la rueda para rotar el tema o mover un color en modo personalizado.
- Ajusta el brillo, bloquea los colores que quieras conservar y copia las variables JSON o CSS.
Preguntas frecuentes
¿Cómo funcionan las reglas de armonía?
Cada regla mantiene los cinco mangos en ángulos de matiz fijos; arrastrar un mango rota todo el grupo alrededor de ese color. El modo personalizado permite mover cada mango de forma independiente.
¿Cómo se comporta el deslizador de brillo?
Actualiza el valor de todos los colores desbloqueados a la vez. Editar una muestra cambia solo ese color hasta que muevas el brillo de nuevo.
Herramientas relacionadas
Generador de paletas de color
Crea paletas de colores armoniosas con modos aleatorio, análogo, complementario y triádico.
Conversor de colores
Convierte colores entre HEX, RGB, HSL y HSV al instante.
Comprobador de contraste de color
Comprueba las relaciones de contraste WCAG para texto e interfaz accesibles.
Simulador de daltonismo
Previsualiza cómo se ven las imágenes con los tipos más comunes de daltonismo.
Generador de degradados de color
Crea degradados lineales CSS con colores y direcciones personalizados.
Generador de tonos de color
Genera escalas de claros y oscuros con variables CSS exportables.