Colores personalizados, logo, exportación PNG/SVG.
Estadísticas en vivo + conversión de mayúsculas/minúsculas.
Diseñado pensando en la privacidad. Todo el procesamiento ocurre íntegramente en tu navegador usando bibliotecas de código abierto.
Un selector de color es una utilidad que te permite elegir un color visualmente en lugar de adivinar códigos hex de memoria. Haces clic en un tono, lo ajustas y la herramienta lo traduce al instante a los tres formatos que los diseñadores usan de verdad: HEX, RGB y HSL. Esa conversión en vivo es lo que hace útil al selector: un movimiento del deslizador actualiza todos los valores a la vez, así que puedes copiar el código exacto que necesitas sin abrir un conversor aparte.
La precisión del color es sorprendentemente fácil de perder a medida que un proyecto crece. El índigo que aprobaste en el mockup puede desviarse unos tonos al reescribirlo en CSS, y una marca que usa azules ligeramente distintos en su web y en sus correos parece poco profesional. Un selector simplifica esa coherencia: muestreas el color, lees sus valores y pegas los mismos números en cada herramienta que uses. También ayuda con el contraste, porque puedes obtener rápidamente tintes más claros y sombras más oscuras del mismo tono para crear combinaciones accesibles para texto sobre fondos de color.
Esta versión está pensada para la velocidad y la privacidad. Puedes escribir un valor hex directamente, arrastrar por la muestra nativa o dejar que la herramienta genere una paleta de tintes y sombras relacionados, de modo que incluso una sesión de diseño rápida te deje con un sistema de color utilizable en lugar de un único valor aislado. Como todo funciona localmente en tu navegador, tus elecciones de color nunca se envían a un servidor, ni se registran ni se usan para nada más: la paleta que creas se queda en tu dispositivo.
Una paleta bien elegida hace gran parte del trabajo en cualquier interfaz, por eso esta herramienta también funciona como un generador rápido de paletas. Parte de cualquier color de marca, deja que la herramienta produzca una gama completa de tintes y sombras y usa los botones de copia con un clic para llevar los valores HEX directamente a CSS, Figma o tus design tokens.
Más allá de los colores individuales, el selector brilla cuando necesitas toda una familia de tonos. Estilizar una interfaz de modo oscuro, elegir estados de hover o crear un degradado de marca requiere versiones más claras y más oscuras de un mismo tono, y tenerlas generadas automáticamente elimina las conjeturas en cada paso. La paleta se mantiene coherente con el color base en lugar de elegirse a ojo, muestra a muestra.
¿Para quién es? Diseñadores que eligen colores de interfaz, desarrolladores que necesitan igualar una guía de estilo y creadores de contenido que quieren una identidad visual coherente en publicaciones de redes sociales, miniaturas y activos de marca.
El trabajo de diseño vive o muere por la consistencia, y la forma más rápida de mantener los colores consistentes es nunca escribirlos de memoria. Cada vez que se reescribe un código hex a mano, puede aparecer una desviación sutil y de pronto los azules de un sitio web ya no coinciden. Elegir el color una vez, copiar el valor exacto y reutilizarlo en todas partes es el flujo de trabajo en torno al cual está construida esta herramienta.
También ahorra tiempo real en las pequeñas decisiones que se acumulan. Las comprobaciones de contraste, las variantes de hover y la exploración de paletas normalmente significan abrir varias herramientas separadas; aquí todo ocurre en una sola pantalla, al instante, sin registro y sin subidas. Como todo se ejecuta localmente, es seguro usarlo para trabajo de clientes y colores de marca propietarios sin enviar esos datos a ningún sitio.
Sí, completamente gratis, sin registro, sin anuncios y sin límites.
No. Los colores se convierten por completo en tu navegador y nunca se sube nada.
No. Esta herramienta trabaja con colores y no con archivos, así que no hay nada que subir.
Sí, funciona en cualquier navegador móvil moderno.
No – esta herramienta no puede extraer colores de otras ventanas o imágenes de tu pantalla. Usa el selector de color nativo del navegador y la entrada manual de HEX: escribe cualquier código HEX y los valores RGB y HSL se actualizan al instante.
No – la herramienta convierte solo entre HEX, RGB y HSL, y genera tonos más claros y más oscuros del mismo color para la paleta. No incluye conversión a CMYK ni HSV.