Colores
Selector de colores con códigos HEX, RGB, HSL
Colores predefinidos
Formatos de color
- HEX
#3B82F6 - RGB
rgb(59, 130, 246) - HSL
hsl(217, 91%, 60%) - CSS
--color: #3B82F6; - Tailwind
bg-[#3B82F6]
Contraste (WCAG)
Para texto normal se necesita al menos 4,5:1 (AA).
Tonos
Comparte esta herramienta
Si te ha servido, envíasela a alguien que también la necesite.
Sigue con
Más en UtilidadesSobre los Anuncios
Este sitio utiliza Google AdSense para mostrar anuncios. Estos anuncios nos ayudan a mantener WebHerramientas completamente gratuito. Los anuncios son gestionados por Google y cumplen con estrictos estándares de seguridad y privacidad.
Los anuncios nos ayudan a mantener WebHerramientas gratuito para todos
Colores Online Gratis
Elige cualquier color con el selector visual y obtén automáticamente su código en los 5 formatos más usados en diseño y desarrollo web: HEX, RGB, RGBA, HSL y HSLA. Útil para definir colores exactos en CSS, diseño gráfico, o cuando necesitas convertir un código de color de un formato a otro.
Ventajas de usar Colores
- Muestra el color en 5 formatos a la vez: HEX, RGB, RGBA, HSL y HSLA
- Selector visual para elegir el color, sin necesidad de saber el código
- Útil para convertir un formato de color a otro
- Copia cualquiera de los códigos con un clic
- Gratis, resultado instantáneo mientras eliges el color
Cómo usarla en 3 pasos
- 1
Elige un color
Usa el selector visual o escribe un código que ya tengas.
- 2
Consulta los formatos
Revisa el código en HEX, RGB, RGBA, HSL y HSLA.
- 3
Copia el que necesites
Copia el formato de color que vayas a usar en tu proyecto.
Preguntas frecuentes sobre Colores
¿Qué formatos de color muestra esta herramienta?
HEX, RGB, RGBA, HSL y HSLA, todos calculados a partir del mismo color seleccionado.
¿Sirve para convertir un código HEX que ya tengo a RGB?
Sí, si conoces el código HEX puedes escribirlo directamente y ver su equivalente en los demás formatos.
¿Cuál es la diferencia entre RGB y RGBA?
RGBA es igual a RGB pero agrega un canal de transparencia (alpha); lo mismo aplica para HSL y HSLA.
¿Para qué sirve elegir el formato HSL en vez de HEX?
HSL (tono, saturación, luminosidad) es más intuitivo para ajustar variaciones de un mismo color, por ejemplo hacerlo más claro u oscuro sin cambiar el tono.
¿Colores es gratis?
Sí, Colores de WebHerramientas es 100% gratuito. No requiere registro ni suscripción. Puedes usarlo todas las veces que necesites sin ningún costo.
¿Es seguro usar Colores online?
Sí, toda la información se procesa directamente en tu navegador. No almacenamos ni enviamos tus datos a ningún servidor externo.
¿Funciona Colores en el celular?
Sí, la herramienta es completamente responsive y funciona en cualquier dispositivo: celular, tablet o computadora con un navegador moderno.