Lo que puedes hacer con Rueda de Color
Revise las capacidades principales antes de comenzar.
- Explora combinaciones de colores complementarios y análogos
- Encuentra armonías triádicas, tetrádicas y cuadradas
- Copia el código hex de cada color coincidente
- Ajusta la saturación y la luminosidad en tiempo real
- Elige un color base para la paleta de tu diseño
Referencia de configuración
5 ajustes
Controles disponibles para Rueda de Color.
Opciones
- Color base (tono y saturación)Selector de color
- Arrastra en cualquier punto de la rueda interactiva para elegir tu color de partida: el ángulo determina el tono y la distancia al centro, la saturación.
- Color HEX / CSSEntrada de texto
- Escribe o pega cualquier código HEX, rgb(), hsl() o nombre de color CSS para llevar la rueda directamente a un color exacto que ya tengas.
- SaturaciónControl deslizanteRango: 0–100% · Predeterminado: 91%
- Ajusta lo vivo que es el color base, desde un gris total al 0% hasta la versión más pura e intensa del tono al 100%.
- LuminosidadControl deslizanteRango: 0–100% · Predeterminado: 60%
- Controla cuánto se aclara u oscurece el color base, desde el negro al 0%, pasando por el tono puro, hasta el blanco al 100%; todas las armonías se actualizan para reflejarlo.
- ArmoníaAjustes predefinidos
- Elige qué relación clásica del círculo cromático se resalta en la rueda, colocando marcadores en sus colores acompañantes para que veas cómo se construye el esquema.Opciones: ComplementarioComplementario divididoAnálogoTriádicoTetrádico (rectángulo)Cuadrado
Herramientas relacionadas para Rueda de Color
Herramientas para los siguientes pasos comunes después de Rueda de Color.
Creatividad y diseño
Generador de Paletas de Colores
Genere de 3 a 8 paletas de colores con modos de armonía, bloquee y comparta colores y luego exporte PNG, variables CSS o JSON.
Pruébalo ahoraCreatividad y diseño
Significados de los Colores
Explore los significados de los colores, la psicología, el simbolismo, el contexto cultural, ejemplos de marcas y combinaciones sugeridas para cualquier valor HEX.
Pruébalo ahoraEdición de fotos y utilidades
Selector de color
Seleccione cualquier píxel para valores HEX, RGB y HSL, o exporte la paleta dominante como variables JSON o CSS.
Pruébalo ahoraPreguntas frecuentes
Cómo Rueda de Color te ayuda a lograrlo
Problemas reales que resuelve todos los días: para empresas, creadores y tareas cotidianas. Encuentre el caso de uso que más le convenga y comience.
Aprende teoría del color
Consulta todas las armonías clásicas calculadas al instante a partir de un color base que elijas, con una explicación clara de cuándo y por qué funciona cada combinación.
Elige los colores de acento de tu sitio web
Escribe el hex de tu marca en la rueda y usa esquemas complementarios divididos o triádicos para encontrar colores de acento que contrasten sin chocar.
Previsualiza esquemas en una interfaz real
Cada armonía se aplica a una pequeña tarjeta de muestra — encabezado, cuerpo, botón y puntos — para que puedas evaluar las combinaciones en contexto, en lugar de como muestras abstractas.
Paletas de arte e ilustración
Usa armonías análogas para escenas naturales y serenas, y combinaciones complementarias para puntos focales dramáticos, copiando los códigos hexadecimales exactos en tu programa de pintura.
Ve cada transformación en acción
Cada foto cruza el separador sin cambios y sale terminada al otro lado.


























