Stax

Selector de Color

Elige cualquier color y obtén instantáneamente los valores HEX, RGB y HSL.

R
79
G
70
B
229
HEX#4F46E5
RGBrgb(79, 70, 229)
HSLhsl(243, 75%, 59%)

¿Qué es el selector de color?

Esta herramienta da los valores HEX, RGB, HSL y HSV de cualquier color al instante. Esencial para diseñadores, desarrolladores y creadores de contenido — códigos de color correctos al instante para branding, diseño web y gráficos de redes sociales.

Cómo usar el selector de color

  1. Click en la rueda de color o gradiente.
  2. Ve al instante valores HEX, RGB, HSL.
  3. Usa el cuentagotas para tomar color de una imagen.
  4. Copia — pega en CSS, herramientas de diseño.

Guía de formatos de color

  • HEX — estándar para CSS, HTML
  • RGB — JavaScript, programación
  • HSL — para crear esquemas de color
  • RGBA / HSLA — soporte de transparencia

Preguntas frecuentes

¿Diferencia entre HEX, RGB, HSL?
HEX (#FF5733) — estándar en web/CSS, 6 dígitos hex. RGB (255, 87, 51) — valores Rojo/Verde/Azul 0-255, fácil en programación. HSL (10°, 100%, 60%) — Tono, Saturación, Luminosidad — perceptualmente intuitivo para diseñadores.
¿Qué formato usar cuándo?
HEX — CSS, HTML, herramientas de diseño (compacto). RGB — canvas JavaScript, procesamiento de imagen. RGBA — para transparencia. HSL — para crear esquemas de color (fácil ajustar luminosidad). HSV — en UIs de selectores de color.
¿Qué son los colores web-safe?
216 colores que se veían iguales en cada navegador/dispositivo (sistemas antiguos). Hoy el color de 24 bits (16.7 millones de colores) es estándar, la paleta web-safe está obsoleta. Puedes usar cualquier color.
¿Cómo asegurar accesibilidad del selector de color?
WCAG dice que la relación de contraste entre texto y fondo debe ser 4.5:1+ (estándar AA). Verifica con la herramienta de contraste. No transmitas información solo con color — agrega íconos o etiquetas.

Herramientas relacionadas