Selector y conversor de color

Elige un color y conviértelo entre HEX, RGB, HSL y HSV, con un historial de tus colores recientes guardado en tu dispositivo.

Vista previa

#2563eb · rgb(37, 99, 235) · hsl(221.21, 83.19%, 53.33%)

Vista previa

Cualquier color CSS

Prueba #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) o un nombre como teal.

RGB

HSV

HSL

Colores recientes

Aún no hay colores guardados. Guarda el color actual o copia un valor para empezar la lista.

Cómo usar

Elige un color con la muestra, el campo HEX o escribiendo cualquier color CSS en el campo de texto libre.
Los campos RGB, HSL y HSV están sincronizados: cambia cualquiera de ellos y los demás se actualizan al instante.
Usa los botones de copiar para copiar el valor en el formato exacto que necesitas.
Guarda el color actual en la lista de colores recientes y haz clic en una muestra guardada para volver a aplicarlo más tarde.

Notas

Todas las conversiones se realizan en tu navegador; los colores que eliges nunca se envían a un servidor. Los colores recientes se guardan solo en el localStorage de este dispositivo y se pueden borrar en cualquier momento. El campo de texto libre acepta #hex, rgb(), hsl() y un pequeño conjunto de colores con nombre, como teal.

Preguntas frecuentes

¿Cuál es la diferencia entre HSL y HSV?: En HSL, L es la luminosidad: el color más vivo está a medio camino entre el negro (0%) y el blanco (100%). En HSV, V es el valor: 100% es el color puro más brillante. Usa el modelo en el que se base tu flujo de trabajo.
¿Se admite la transparencia (alfa)?: Este selector funciona con colores opacos. Si pegas un valor con alfa, como #rrggbbaa o rgba(), solo se utiliza la parte RGB.