Conversor de colores
Convierte entre notaciones de color HEX, RGB y HSL.
Ejemplos de uso
Convertir un código de color de un diseño
Toma un código HEX de tu herramienta de diseño y conviértelo al valor RGB o HSL que necesitas para tu CSS.
Construir un código HEX a partir de valores RGB
Introduce los números RGB que obtuviste de un editor de imágenes para conseguir al instante el código HEX correspondiente.
Usar HSL para razonar sobre brillo y saturación
Convierte el mismo color a HSL para ver cómo ajustar la saturación o la luminosidad manteniendo exactamente el mismo tono.
Preguntas frecuentes
¿Se envía a un servidor el valor de color que introduzco?
No. Todas las conversiones ocurren por completo en tu navegador, y los valores de color que introduces nunca se envían a un servidor.
¿Admite códigos HEX abreviados de 3 dígitos?
Sí. Los códigos abreviados como #FFF se reconocen y se expanden a 6 dígitos antes de convertir.
¿Qué formato debo usar para la entrada RGB o HSL?
Separa los números con comas o espacios, por ejemplo "59, 130, 246" para RGB o "217, 91, 60" para HSL.
¿Elegir un color con el selector también actualiza los valores?
Sí. Cualquier color elegido con el selector actualiza al instante los valores HEX, RGB y HSL.