Como elegir un color en linea - HEX, RGB y HSL
Un selector de color te permite elegir un color y leer al instante sus valores HEX, RGB y HSL. Elige un tono, copia el valor en tu CSS y ve paletas complementarias, analogas y de tonos. Una lectura de contraste indica si el texto sobre el color es legible. Todo se ejecuta en tu navegador, sin subir archivos y sin cuenta.
Last reviewed: 2026-06-15
| Propiedad | Valor |
|---|---|
| Formato | En linea, sin instalar, sin registro |
| Costo | Gratis |
| Herramienta de implementacion | https://freetoolonline.com/developer-tools/color-picker.html |
Pasos
- Abre el cuadro de color y elige un tono.
- Lee los valores HEX, RGB y HSL; haz clic en Copiar para poner uno en el portapapeles.
- Usa una muestra complementaria, analoga o de tono como el siguiente color haciendo clic en ella.
- Guarda los colores que reutilizas en favoritos; los colores recientes se recuerdan automaticamente.
HEX, RGB y HSL
HEX es un codigo de seis digitos como #3366FF. RGB enumera los canales rojo, verde y azul de 0 a 255. HSL da el matiz (0 a 360 grados), la saturacion y la luminosidad en porcentaje. La herramienta muestra los tres para el color elegido, ademas de una lectura de contraste basada en la formula de luminancia relativa de la WCAG para evaluar la legibilidad.
| Color | HEX | RGB |
|---|---|---|
| Blanco | #FFFFFF | rgb(255, 255, 255) |
| Negro | #000000 | rgb(0, 0, 0) |
| Rojo | #FF0000 | rgb(255, 0, 0) |
| Verde | #00FF00 | rgb(0, 255, 0) |
| Azul | #0000FF | rgb(0, 0, 255) |
Privacidad
Todo se ejecuta en tu navegador. Los favoritos y los colores recientes quedan en tu dispositivo, no se sube nada y no hay cuenta que crear.