Selector de color

Elige un color y copia el código

Elige cualquier color y obtén su código HEX al instante. Usa el selector o escribe un valor HEX. Copia el código con un clic para CSS, herramientas de diseño o cualquier proyecto. Sin registro—funciona en tu navegador. Perfecto para desarrolladores, diseñadores o cualquier persona que necesite códigos de color. Funciona sin conexión, privado por diseño.

Selector de color

Cómo funciona el selector de color

  1. Haz clic en la muestra o usa el selector nativo para elegir un color visualmente.
  2. Escribe un valor HEX (ej. #6366f1) para establecer el color con precisión. El selector se actualiza.
  3. Copia el código HEX con un clic. Úsalo en CSS, herramientas de diseño o cualquier proyecto.
  4. Todo el procesamiento es local. Tus elecciones de color nunca salen de tu navegador.

¿Por qué usar esta herramienta?

Desarrolladores y diseñadores necesitan códigos de color constantemente. HEX es el estándar para la web (HTML, CSS). Esta herramienta permite elegir visualmente o introducir un código—conversión instantánea. Sin registro, sin app. Copia el código y pégalo en tu proyecto. Perfecto para coincidir colores de marca o crear paletas.

Entender los códigos de color

HEX: formato #RRGGBB. Seis dígitos hex para rojo, verde, azul. Ejemplo: #ff0000 = rojo.

RGB: valores rojo, verde, azul 0–255. Común en software de diseño y programación.

HSL: Matiz (0–360), saturación, luminosidad. Intuitivo para ajustar brillo y saturación.

Web-safe: HEX funciona en todas partes—CSS, HTML, SVG, herramientas de diseño. Formato universal.

Casos de uso comunes

  • Web design
  • Brand colors
  • UI development
  • Image color extraction

Preguntas frecuentes

Can I pick colors from my screen?
Yes. Use the eyedropper to select any color visible on your screen. Works with images and websites.
What formats are supported?
HEX, RGB, HSL. Copy the format you need for CSS, design tools, or code.

También te puede interesar: