onul.works

Selector de color

Elige un color con un color picker y convierte valores HEX, RGB y HSL para código CSS, tokens de diseño y revisiones de paleta.

⌘ Se ejecuta en el navegador ◴ Sin almacenar datos ⌁ Gratis
Código del color seleccionado

Cómo usar

  1. 1 Elige un color online o ajusta directamente los valores HEX, RGB y HSL en el selector.
  2. 2 Revisa los valores convertidos en HEX, RGB y HSL.
  3. 3 Copia el formato que necesitas para tu diseno o código.

Casos de uso comunes

  • Selector de color hexadecimal para HEX, RGB y HSL
  • Seguimiento de paleta de colores recientes
  • Copia de codigos de color CSS

Preguntas frecuentes

Que formatos de color admite?

La herramienta muestra valores HEX, RGB y HSL. Al escribir en un campo, convierte el color a los demas formatos. Sirve para casos de selector de color hexadecimal, selector HSL y selector RGB.

Puedo copiar los valores de color?

Si. Cada campo HEX, RGB y HSL tiene su propio botón de copia para llevar ese formato al portapapeles.

Se guardan los colores seleccionados recientemente?

Cuando terminas de elegir un color, se almacena en una paleta reciente de hasta 12 colores, que puedes borrar con el botón de limpiar paleta.

Flujo de trabajo relacionado

Selector de colorElige primero el color base para que el código y los estilos posteriores usen los mismos valores. → Generador de codigos de barrasPrepara el código de barras necesario para etiquetas o avisos dentro del sistema de color elegido. → Generador de sombras CSSDespues ajusta los valores de sombra para tarjetas o botones que usan el color seleccionado.