paletteSelector de Color
HEX#00FFFF
RGBrgb(0, 255, 255)
HSLhsl(180, 100%, 50%)
ℹ️ Ayuda

El Selector de Color es una herramienta en línea gratuita que genera fácilmente códigos de color necesarios para diseño web y trabajo gráfico. Puedes copiar códigos de color en formatos HEX, RGB y HSL, y extraer colores directamente de cualquier lugar de la pantalla usando la función Cuentagotas.

Ajusta los deslizadores de Matiz, Saturación y Luminosidad para seleccionar con precisión el color deseado, y guarda los colores usados frecuentemente para recuperarlos más tarde. Útil cuando necesitas códigos de color para diseño de sitios web, creación de logotipos, presentaciones, estilos CSS y otras tareas.

Instrucción

Selector y Conversor de Colores

El selector de colores es una herramienta de color versátil para diseñadores, desarrolladores y artistas digitales. Facilita la selección, análisis y conversión de colores a través de múltiples formatos digitales, todo en una interfaz intuitiva y receptiva. Una sincronización perfecta entre HEX, RGB y HSL cierra la brecha entre la visión de diseño y la implementación (CSS/Código).

Modelos de Color Explicados

  • HEX (Hexadecimal): El formato más común en diseño web (por ejemplo, #FF5733). Un código hexadecimal de 3 bytes que representa la intensidad del Rojo, Verde y Azul.
  • RGB (Rojo, Verde, Azul): Modelo de color aditivo utilizado por pantallas digitales. Rango de valores de 0-255 para cada canal. También conocido como RGBA cuando se incluye transparencia (Alfa).
  • HSL (Matiz, Saturación, Luminosidad): Una representación más intuitiva para los humanos. El matiz es el ángulo en la rueda de colores (0-360), la saturación es la intensidad (0-100%) y la luminosidad es el brillo (0-100%). Perfecto para crear variaciones de color (como efectos hover) mediante programación.

Flujo de Trabajo Orientado a Características

  • Cuentagotas (Eye Dropper): (Si es compatible con navegadores basados en Chromium) Permite elegir un color de cualquier píxel en su pantalla. Esto funciona incluso fuera del navegador, incluso en otras aplicaciones.
  • Conversión en Tiempo Real: Mueva un control deslizante y todas las entradas de texto (HEX, RGB, HSL) se actualizan instantáneamente. A la inversa, pegue un código HEX y los controles deslizantes saltarán al lugar correspondiente.
  • Historial: Guarda automáticamente sus colores usados recientemente, para que pueda recuperar fácilmente selecciones pasadas.
grid_view
13:46
2025-12-28