Selector de Color
¿Qué es esta herramienta?
Nuestro selector de colores te permite seleccionar cualquier color visualmente o ingresando un valor específico, y luego ver al instante su equivalente en formatos HEX, RGB y HSL. También puedes explorar variaciones de luminosidad de un color y copiar cualquier formato con un solo clic. Es una herramienta esencial para diseñadores, desarrolladores y cualquiera que trabaje con color en medios digitales.
Cómo usar
- Haz clic en cualquier lugar del espectro de colores para seleccionar un color.
- Arrastra el deslizador de matiz para cambiar el color base.
- Ajusta el deslizador de brillo/saturación para un control fino.
- O escribe un valor HEX, RGB o HSL específico directamente en los campos de entrada.
- Haz clic en cualquier código de color para copiarlo a tu portapapeles.
Casos de uso común
- Búsqueda del código HEX para un color que ves en una maqueta de diseño
- Conversión de valores de color RGB a HEX para uso en CSS
- Exploración de variaciones de color para una paleta de marca
- Verificación de valores de código de color al construir o estilizar una página web
Consejos y trucos
- Usa el campo de entrada HEX para ingresar un código de color conocido y ver al instante sus equivalentes RGB y HSL.
- HSL es a menudo más intuitivo para diseñadores — Matiz (0-360), Saturación y Luminosidad son independientes.
- Marca como favorito una URL de color específico si tu navegador actualiza la barra de direcciones en la selección.
Preguntas frecuentes
¿Cuál es la diferencia entre formatos de color HEX, RGB y HSL?
HEX y RGB describen un color por sus componentes rojo, verde y azul (solo en notación diferente), mientras que HSL describe matiz, saturación y luminosidad — un formato que muchos diseñadores encuentran más intuitivo para ajustar el brillo o la vibración de un color de forma independiente.
¿Cómo encuentro el código HEX exacto para un color que veo en una maqueta de diseño?
Usa el espectro de colores o escribe valores RGB/HSL conocidos en los campos de entrada — la herramienta convierte y muestra el código HEX equivalente al instante.
¿Puedo copiar el código de color directamente para usarlo en CSS?
Sí. Haz clic en cualquiera de los códigos de color mostrados (HEX, RGB o HSL) para copiarlo a tu portapapeles, listo para pegar directamente en una hoja de estilos.
¿La herramienta admite valores de transparencia alfa?
Si los formatos RGBA o HSLA están disponibles en la salida, puedes capturar transparencia junto con color; verifica las opciones de formato junto a los campos RGB/HSL estándar.
¿Se envía mi selección de color a un servidor?
No. Todas las matemáticas de conversión de color se ejecutan localmente en tu navegador — no se transmiten ni registran valores de color en ningún lado.
Elige un color y obtén los códigos HEX, RGB, HSL. Soporta paletas de colores y verificación de contraste.
selector de color · herramienta de color · paleta de colores · código HEX · código RGB · código HSL · herramienta de diseño · selección de color · convertidor de color · códigos de color · esquema de color · generador de color · utilidad de color · selector de color online · herramienta de selección de color · contraste de color · verificador de contraste de color · herramienta de contraste de color · relación de contraste de color · calculadora de contraste de color