KT。
Korelyy Toolskorelyy.com

Entrar / Registrarse

Bienvenido de nuevo — inicia sesión para sincronizar favoritos

¿Sin cuenta?

Al continuar aceptas los Términos y la Política de privacidad

Sobre nosotros

Conoce el equipo y la misión de Korelyy

Política de privacidad

Nuestro compromiso de privacidad

Reglas de procesamiento de datos y aviso legal

Reglas de datos y aviso legal

Configuración de cookies

Administrar preferencias de cookies

Publicidad y soporte

Contáctanos

Cumplimiento

Verificación de herramientas

Blog

Tutoriales, guías SEO y casos de uso

2026 Korelyy. Todos los derechos reservados.

My Toolbox

0 saved tools

No saved tools yet

Click the star button on tool cards to save them

History

0 records

No history yet

Your tool usage will be recorded automatically

Mi Perfil

Gestiona tu información y preferencias

?
-Gratis
-

Información básica

-
Correo y contraseña
Gratis
-

Seguridad

Este correo se registró con otro método
  1. Inicio
  2. Herramientas de diseño
  3. Selector de color

Selector de color

🔒 Procesamiento local en tu navegador. Archivos eliminados automáticamente tras 10 minutos. No se sube nada. 📏 Límites: imágenes ≤20MB, PDFs ≤50MB.

Selector de Color

Conversión HEX/RGB/HSL/HSV + generador de paleta armoniosa

HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
HSV
hsv(239, 59%, 95%)

Gradiente

#6366F1
#EC4899
CSS
background: linear-gradient(135deg, #6366F1, #EC4899);
☕ Support KorelyyIf this tool helped you, buy me a coffee

Características

Selector de Color es una herramienta online gratuita para elegir, convertir y combinar colores desde un único espacio visual. Mueve un cuentagotas por la paleta, pega cualquier código HEX, RGB, HSL o HSV para ver sus equivalencias, crea gradientes con múltiples paradas y exporta paletas listas para usar en CSS, herramientas de diseño o guías de marca. Todas las conversiones y el renderizado ocurren en local en tu navegador: los colores de marca y los valores de obras de clientes nunca tocan un servidor.

Casos de uso

Problemas comunes que resuelve

  1. Muestrear colores de una referencia de diseño o de una imagen subida y traducirlos a valores HEX para CSS o una biblioteca en Figma
  2. Ajustar la paleta de una landing page modificando saturación, luminancia y contraste entre colores de marca y colores de acento
  3. Generar un gradiente lineal o radial con varias paradas y copiar su fragmento CSS directamente a un sitio web o banner publicitario

Cómo usar

Instrucciones paso a paso

  1. Selecciona un color inicial con el lienzo del selector, el cuentagotas o pegando un código HEX/RGB/HSL/HSV en el campo de entrada
  2. Cambia entre las pestañas de modelos de color para copiar el valor equivalente en el formato que necesite tu flujo
  3. Construye una paleta o un gradiente añadiendo muestras y ajustando posiciones de parada y curvas de transición
  4. Copia la cadena CSS final, la vista previa PNG o un enlace de paleta compartible para tu diseño o base de código

Por qué elegirnos

Lo que nos diferencia

  1. Conversión bidireccional completa entre HEX/RGB/HSL/HSV con canal alfa, así que moverse entre CSS, código móvil Swift/Kotlin y herramientas de diseño nunca pierde precisión
  2. Editor de gradientes en vivo con salida CSS y vista previa en tiempo real, para iterar hasta el aspecto exacto antes de pegarlo en producción
  3. Todos los cálculos ocurren en el navegador; los valores de colores de marca y las imágenes de referencia subidas nunca se envían ni se indexan

Monetiza con esta herramienta

Convierte esta herramienta en una fuente de ingresos extra

  1. Usa esta herramienta para acelerar tu trabajo freelance y aceptar más clientes
  2. Crea contenido pulido más rápido para tu blog, canal de YouTube o redes sociales
  3. Ofrece las capacidades de esta herramienta como servicio en Fiverr, Upwork o a clientes locales

Preguntas frecuentes

  1. ¿Puedo convertir entre HEX, RGB, HSL y HSV sin perder precisión?

    Sí. Cada conversión usa la matemática estándar del espacio de color sRGB y conserva intacto el canal alfa. Puedes recorrer el mismo color por los cuatro formatos y volver al código original tantas veces como quieras sin desviaciones.

  2. ¿El selector admite opacidad / valores alfa para elementos de UI translúcidos?

    Sí. Cada modelo de color incluye un control deslizante dedicado de alfa, y los formatos de salida incluyen HEX de 8 dígitos con alfa, rgba(), hsla() y hsva(), de modo que el código que pegues coincide exactamente con lo que esperan las herramientas de diseño y los navegadores.

  3. Si arrastro una imagen al cuentagotas, ¿esa imagen se sube a sus servidores?

    No. La imagen se decodifica y dibuja en un lienzo en memoria dentro de tu navegador. Ningún dato de píxel, paleta o blob del archivo sale de tu dispositivo, por lo que los activos de marca, los moodboards de clientes y los prototipos de UI confidenciales se mantienen privados.

  4. ¿Puedo guardar o compartir una paleta o gradiente con un compañero?

    Sí. La URL compartida incorpora el estado completo de la paleta o el gradiente en el hash, así que cualquiera que tenga el enlace ve exactamente los mismos colores; además puedes exportar la paleta como texto plano, variables CSS o una imagen de vista previa para una presentación de marca.

  5. ¿Cómo me aseguro de que un par color de texto sobre fondo cumple las reglas de contraste WCAG?

    El panel de contraste calcula en tiempo real la relación entre cualquier muestra de primer plano y el color de fondo, e indica si el par supera los umbrales AA, AAA o de texto grande, para que ajustes el matiz y la saturación hasta que la combinación sea accesible.

Hecho con Korelyy
KORELYY.COM
Herramientas Gratis · 6 Idiomas
Featured on Toolpilot.ai
Filtros avanzados

Herramientas relacionadas

Verificado

Estudio Fondos de Pantalla

FácilGratis

Crea fondos de pantalla personalizados con gradientes + texto. 16 preajustes, texto/fuente/tamaño personalizables. Exporta en un clic.

Wallpaper渐变
Verificado

Decorador de Fotos de Perfil

FácilGratis

Agrega insignias verificadas, bordes de degradado, marcos y stickers a tu foto de perfil. Sube, decora, descarga PNG. Gratis, sin registro.

头像加V

Características

Selector de Color es una herramienta online gratuita para elegir, convertir y combinar colores desde un único espacio visual. Mueve un cuentagotas por la paleta, pega cualquier código HEX, RGB, HSL o HSV para ver sus equivalencias, crea gradientes con múltiples paradas y exporta paletas listas para usar en CSS, herramientas de diseño o guías de marca. Todas las conversiones y el renderizado ocurren en local en tu navegador: los colores de marca y los valores de obras de clientes nunca tocan un servidor.

Casos de uso

Problemas comunes que resuelve

  1. Muestrear colores de una referencia de diseño o de una imagen subida y traducirlos a valores HEX para CSS o una biblioteca en Figma
  2. Ajustar la paleta de una landing page modificando saturación, luminancia y contraste entre colores de marca y colores de acento
  3. Generar un gradiente lineal o radial con varias paradas y copiar su fragmento CSS directamente a un sitio web o banner publicitario

Cómo usar

Instrucciones paso a paso

  1. Selecciona un color inicial con el lienzo del selector, el cuentagotas o pegando un código HEX/RGB/HSL/HSV en el campo de entrada
  2. Cambia entre las pestañas de modelos de color para copiar el valor equivalente en el formato que necesite tu flujo
  3. Construye una paleta o un gradiente añadiendo muestras y ajustando posiciones de parada y curvas de transición
  4. Copia la cadena CSS final, la vista previa PNG o un enlace de paleta compartible para tu diseño o base de código

Por qué elegirnos

Lo que nos diferencia

  1. Conversión bidireccional completa entre HEX/RGB/HSL/HSV con canal alfa, así que moverse entre CSS, código móvil Swift/Kotlin y herramientas de diseño nunca pierde precisión
  2. Editor de gradientes en vivo con salida CSS y vista previa en tiempo real, para iterar hasta el aspecto exacto antes de pegarlo en producción
  3. Todos los cálculos ocurren en el navegador; los valores de colores de marca y las imágenes de referencia subidas nunca se envían ni se indexan

Monetiza con esta herramienta

Convierte esta herramienta en una fuente de ingresos extra

  1. Usa esta herramienta para acelerar tu trabajo freelance y aceptar más clientes
  2. Crea contenido pulido más rápido para tu blog, canal de YouTube o redes sociales
  3. Ofrece las capacidades de esta herramienta como servicio en Fiverr, Upwork o a clientes locales

Preguntas frecuentes

  1. ¿Puedo convertir entre HEX, RGB, HSL y HSV sin perder precisión?

    Sí. Cada conversión usa la matemática estándar del espacio de color sRGB y conserva intacto el canal alfa. Puedes recorrer el mismo color por los cuatro formatos y volver al código original tantas veces como quieras sin desviaciones.

  2. ¿El selector admite opacidad / valores alfa para elementos de UI translúcidos?

    Sí. Cada modelo de color incluye un control deslizante dedicado de alfa, y los formatos de salida incluyen HEX de 8 dígitos con alfa, rgba(), hsla() y hsva(), de modo que el código que pegues coincide exactamente con lo que esperan las herramientas de diseño y los navegadores.

  3. Si arrastro una imagen al cuentagotas, ¿esa imagen se sube a sus servidores?

    No. La imagen se decodifica y dibuja en un lienzo en memoria dentro de tu navegador. Ningún dato de píxel, paleta o blob del archivo sale de tu dispositivo, por lo que los activos de marca, los moodboards de clientes y los prototipos de UI confidenciales se mantienen privados.

  4. ¿Puedo guardar o compartir una paleta o gradiente con un compañero?

    Sí. La URL compartida incorpora el estado completo de la paleta o el gradiente en el hash, así que cualquiera que tenga el enlace ve exactamente los mismos colores; además puedes exportar la paleta como texto plano, variables CSS o una imagen de vista previa para una presentación de marca.

  5. ¿Cómo me aseguro de que un par color de texto sobre fondo cumple las reglas de contraste WCAG?

    El panel de contraste calcula en tiempo real la relación entre cualquier muestra de primer plano y el color de fondo, e indica si el par supera los umbrales AA, AAA o de texto grande, para que ajustes el matiz y la saturación hasta que la combinación sea accesible.