¿Algo va mal con esta herramienta?
Sobre «Rueda De Color En Línea»
Esta herramienta es una rueda de color interactiva que te permite elegir cualquier color visualmente. Haz clic o arrastra sobre la rueda para elegir tono, ajusta saturación y brillo con sliders, y la herramienta muestra los valores exactos hex, RGB, HSL y HSV para usar en cualquier aplicación.
Elegir colores visualmente es mucho más rápido que escribir hex cuando necesitas afinar un tono. Diseñadores, desarrolladores y artistas usan ruedas de color para explorar tonos, encontrar complementarios y reproducir exactamente un color de referencia.
El selector admite los espacios de color comunes y convierte entre ellos en tiempo real. Guarda tus colores favoritos como paleta para reutilizar en distintos diseños.
Cómo usar esta herramienta
Cómo elegir un color en la rueda HSL
Mueve la rueda de tono
«Hue (0–360)» es el ángulo en la rueda cromática — 0/360 rojo, 120 verde, 240 azul. Arrastra la rueda en el canvas o teclea el ángulo. Por defecto 210 (azul frío).
Saturación
«Saturation %» controla la intensidad: 0 = gris neutro, 100 = totalmente saturado. Saturación media (50–70) parece natural; valores muy altos vibran en pantalla. Por defecto 70.
Luminosidad
«Lightness %» controla el brillo: 0 = negro, 50 = matiz puro, 100 = blanco. 50 da la versión más saturada del matiz; sube/baja para tints/shades. Por defecto 50.
Ejecutar
Resultado: rgb {r,g,b}, hex (#rrggbb), hslCss (`hsl(H S% L%)` listo para CSS) y rgbCss (`rgb(r, g, b)`). Combina con hex-to-rgb-converter / rgb-to-hex-converter para conversiones rápidas.