Saltar al contenido principal
AwesomeToolkit
100 % local

Selector de color

Elige cualquier color y obtén sus valores HEX, RGB, HSL, HSV y CMYK. Genera paletas complementarias, análogas y triádicas, todo procesado localmente.

100 % local
Selector de color
Valores del color
HEX#3B82F6
HEX8#3B82F6FF
RGBrgb(59, 130, 246)
RGBArgba(59, 130, 246, 1)
HSLhsl(217.2, 91.2%, 59.8%)
HSLAhsla(217.2, 91.2%, 59.8%, 1)
HSVhsv(217.2, 76%, 96.5%)
CMYKcmyk(76%, 47%, 0%, 4%)

Armonías

Complementario

Análogos

Triádico

Complementario dividido

Más información

Todo sobre el Selector de color

¿Por qué usar un selector de color?

Elige cualquier color visualmente con nuestro selector de color online gratuito. Obtén al instante los valores HEX, RGB, HSL, HSV y CMYK. Genera paletas armónicas y usa el cuentagotas. 100 % gratis. Tanto para proyectos personales como para el trabajo o tareas puntuales, nuestra herramienta en el navegador lo resuelve al instante, sin instalación, sin registro y sin subir archivos a servidores externos. Todo se ejecuta localmente en tu navegador para una velocidad y una privacidad máximas.

Usos habituales

Obtener el HEX o el RGB exacto de un color de marca, convertir un valor entre formatos CSS, tomar un color de una captura o de una página web con el cuentagotas, encontrar colores complementarios para un diseño y guardar un pequeño historial de los colores que has probado.

Funciones y detalles técnicos

Lee HEX (3, 4, 6 u 8 cifras), rgb()/rgba() y hsl()/hsla() con sintaxis de comas o de espacios, y los 148 nombres de color CSS. Muestra HEX, HEX8, RGB, RGBA, HSL, HSLA, HSV y CMYK; HSL y HSV conservan un decimal para volver exactamente al mismo color. El cuentagotas funciona en Chrome y Edge (API EyeDropper).

Cómo funciona

Selector de color en 3 pasos

  1. Elige un color

    Usa el selector visual para elegir un color haciendo clic en el cuadrado de saturación/luminosidad y ajustando el control de tono. O escribe directamente un valor HEX, RGB o HSL en el campo de entrada.

  2. Copia el formato que necesites

    Todos los formatos de color (HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK) se muestran a la vez. Haz clic en el botón de copiar junto a cualquier formato para copiarlo al portapapeles.

  3. Explora las armonías

    Desplázate hacia abajo para ver las armonías de color generadas automáticamente: paletas complementaria, análoga, triádica y complementaria dividida basadas en el color elegido.

Guías prácticas

Saca el máximo partido a la selección de colores

Cómo funciona

Elige un color en el cuadrado de saturación y en las barras de tono y opacidad, escribe o pega cualquier valor CSS (HEX, rgb(), hsl(), un nombre de color) o toma un color de cualquier punto de tu pantalla con el cuentagotas.

Todos los formatos se muestran a la vez y se copian en un clic; si escribes un valor HEX, recuperas exactamente el mismo HEX en todas las conversiones.

Rápido y fácil

Privacidad y seguridad

Este selector de color funciona por completo en tu navegador. No se envía ningún dato a ningún servidor. Tu historial de colores solo existe en memoria y se borra al cerrar la página.

No se envía ningún dato a ningún servidor: todo el procesamiento se hace localmente en tu navegador para una privacidad máxima.

100 % en el navegador
Preguntas frecuentes

Selector de color — Preguntas frecuentes

Todo lo que necesitas saber sobre nuestro selector de color