Selector y convertidor de colores
Elija un color y convierta entre los formatos HEX, RGB y HSL instantáneamente. Gratuito y se ejecuta íntegramente en su navegador.
Cómo usar el selector y convertidor de colores
- Click the large color preview swatch to open your browser's native color picker.
- También puede escribir un valor HEX directamente en el campo HEX (por ej. #ff5733).
- Ajuste los valores individuales R, G, B (0-255) o H, S, L para afinar.
- Todos los formatos se actualizan en tiempo real al modificar cualquier valor.
- Use los botones Copiar para copiar un valor de color formateado al portapapeles.
- Consulte la vista previa del contraste para ver cómo se ve el texto en blanco y negro sobre el color elegido.
Preguntas frecuentes
¿Qué es el formato de color HEX?
HEX es una representación hexadecimal de seis dígitos de un color precedido por #. Cada par de dígitos representa los canales rojo, verde y azul (por ej. #ff5733 significa R=255, G=87, B=51). Es el formato más común utilizado en diseño web y CSS.
¿Cuál es la diferencia entre RGB y HSL?
RGB define un color por sus componentes de luz Rojo, Verde y Azul (0-255 cada uno). HSL define un color por Tono (0-360 grados en el círculo cromático), Saturación (0-100 %%) y Luminosidad (0-100 %%). HSL suele ser más intuitivo para los diseñadores porque puede ajustar fácilmente el brillo o la saturación sin afectar el tono.
¿Por qué es importante la verificación del contraste?
Un contraste suficiente entre los colores del texto y del fondo es esencial para la legibilidad y la accesibilidad. Las directrices WCAG recomiendan una relación de contraste mínima de 4,5:1 para texto normal. La vista previa del contraste le permite verificar visualmente que el texto sigue siendo legible sobre el color elegido.
¿Mis datos se almacenan en algún lugar?
No. Todas las conversiones de color se realizan íntegramente en su navegador mediante JavaScript. No se envía ningún dato a ningún servidor.
Más herramientas gratuitas