Círculo cromático - Selector de color interactivo con HEX, RGB y HSL
Haga clic en el círculo cromático para seleccionar colores y obtener al instante los valores HEX, RGB y HSL
Herramientas de color
Tool
Click to pick a hue
Quick Copy
HEX#ff0000
RGBrgb(255, 0, 0)
HSLhsl(0, 100%, 50%)
Cómo usar
1Haga clic en cualquier lugar del círculo cromático para seleccionar un tono
2Ajuste el control deslizante de brillo para aclarar u oscurecer el color
3Ajuste el control deslizante de saturación para hacer el color más vivo o apagado
4Copie el valor HEX, RGB o HSL resultante usando los botones de copia
Preguntas frecuentes
El círculo renderiza un degradado cónico que cubre los 360 grados de tono. Al hacer clic en un punto del círculo, la herramienta muestrea el color del píxel en esa posición usando la API Canvas, y luego calcula las representaciones completas en HEX, RGB y HSL.
El deslizante de brillo ajusta la luminosidad (canal L en HSL) de oscuro a claro. El deslizante de saturación controla lo vívido que aparece el color: 0% es completamente gris, 100% es la versión más pura del tono.
Sí — el campo de entrada HEX es editable. Escriba o pegue cualquier código hexadecimal válido de 6 dígitos y la muestra se actualizará de inmediato.